mirror of
https://github.com/MarginaliaSearch/MarginaliaSearch.git
synced 2025-02-24 05:18:58 +00:00
(search) Update front page with new look
This commit is contained in:
Viktor Lofgren
parent
42ea87d637
commit
251174c9a2
@ -25,6 +25,54 @@ body {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#frontpage {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr auto;
|
||||
grid-template-rows: auto 1fr;
|
||||
grid-gap: 1ch;
|
||||
align-items: start;
|
||||
justify-content: start;
|
||||
margin-top: 1ch;
|
||||
margin-bottom: 1ch;
|
||||
// named grid areas
|
||||
grid-template-areas:
|
||||
"frontpage-about frontpage-news"
|
||||
"frontpage-tips frontpage-news";
|
||||
|
||||
@media (max-device-width: 624px) {
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-rows: auto auto auto;
|
||||
grid-gap: 1ch;
|
||||
align-items: start;
|
||||
justify-content: start;
|
||||
margin-top: 1ch;
|
||||
margin-bottom: 1ch;
|
||||
// named grid areas
|
||||
grid-template-areas:
|
||||
"frontpage-about"
|
||||
"frontpage-tips"
|
||||
"frontpage-news";
|
||||
|
||||
* { max-width: unset !important; min-width: unset !important; }
|
||||
}
|
||||
|
||||
#frontpage-news {
|
||||
grid-area: frontpage-news;
|
||||
max-width: 40ch;
|
||||
@extend .dialog;
|
||||
}
|
||||
#frontpage-about {
|
||||
grid-area: frontpage-about;
|
||||
min-width: 40ch;
|
||||
@extend .dialog;
|
||||
}
|
||||
#frontpage-tips {
|
||||
grid-area: frontpage-tips;
|
||||
min-width: 40ch;
|
||||
@extend .dialog;
|
||||
}
|
||||
}
|
||||
|
||||
#siteinfo-nav {
|
||||
display: block;
|
||||
width: 100%;
|
||||
@ -319,14 +367,18 @@ footer {
|
||||
|
||||
input[type="text"] {
|
||||
font-family: monospace;
|
||||
font-size: 14pt;
|
||||
font-size: 12pt;
|
||||
padding: 0.5ch;
|
||||
border: 1px solid $border-color;
|
||||
background-color: $fg-light;
|
||||
color: $fg-dark;
|
||||
}
|
||||
|
||||
button[type="submit"] {
|
||||
font-size: 14pt;
|
||||
font-size: 12pt;
|
||||
border: 1px solid $border-color;
|
||||
background-color: $fg-light;
|
||||
color: $fg-dark;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<section class="card">
|
||||
<section id="frontpage-about">
|
||||
<h2>About</h2>
|
||||
<div class="info">
|
||||
<p>This is an independent DIY search engine that focuses on non-commercial content, and attempts to
|
||||
|
||||
@ -1,17 +1,17 @@
|
||||
|
||||
{{#if news}}
|
||||
<section class="card rightbox">
|
||||
<h2>Publicity, Discussion and Events</h2>
|
||||
<div class="info">
|
||||
<dl>
|
||||
{{#each news}}
|
||||
<dt><a href="{{url}}" rel="nofollow">{{title}}</a></dt>
|
||||
<dd>{{date}} {{source}} </dd>
|
||||
{{/each}}
|
||||
</dl>
|
||||
</div>
|
||||
<div class="utils">
|
||||
<a href="/news.xml">📡 RSS Feed</a>
|
||||
</div>
|
||||
</section>
|
||||
<section id="frontpage-news">
|
||||
<h2>Publicity, Discussion and Events</h2>
|
||||
<div class="info">
|
||||
<dl>
|
||||
{{#each news}}
|
||||
<dt><a href="{{url}}" rel="nofollow">{{title}}</a></dt>
|
||||
<dd>{{date}} {{source}} </dd>
|
||||
{{/each}}
|
||||
</dl>
|
||||
</div>
|
||||
<div class="utils">
|
||||
<a href="/news.xml">📡 RSS Feed</a>
|
||||
</div>
|
||||
</section>
|
||||
{{/if}}
|
||||
@ -1,23 +1,21 @@
|
||||
<section class="card">
|
||||
<h2>Tips</h2>
|
||||
<div class="info">
|
||||
<p>
|
||||
This search engine isn't particularly well equipped to answering queries
|
||||
posed like questions, instead try to imagine some text that might appear
|
||||
in the website you are looking for, and search for that.</p>
|
||||
<p>
|
||||
Where this search engine really shines is finding small, old and obscure websites about some
|
||||
given topic, perhaps
|
||||
<a href="/search?query=commander+keen&profile=yolo&js=default">old video games</a>,
|
||||
<a href="/search?query=voynich+&profile=yolo&js=default">a mystery</a>,
|
||||
<a href="/search?query=augustine+confessions&profile=yolo&js=default">theology</a>,
|
||||
<a href="/search?query=Hermes+Trismegistus&profile=yolo&js=default">the occult</a>,
|
||||
<a href="/search?query=knitting&profile=yolo&js=default">knitting</a>,
|
||||
<a href="/search?query=scc+graph+algorithm&profile=yolo&js=default">computer science</a>,
|
||||
or <a href="/search?query=salvador+dali&profile=yolo&js=default">art</a>.
|
||||
</p>
|
||||
<section id="frontpage-tips">
|
||||
<h2>Tips</h2>
|
||||
<div class="info">
|
||||
<p>
|
||||
This search engine isn't particularly well equipped to answering queries
|
||||
posed like questions, instead try to imagine some text that might appear
|
||||
in the website you are looking for, and search for that.</p>
|
||||
<p>
|
||||
Where this search engine really shines is finding small, old and obscure websites about some
|
||||
given topic, perhaps
|
||||
<a href="/search?query=commander+keen&profile=yolo&js=default">old video games</a>,
|
||||
<a href="/search?query=voynich+&profile=yolo&js=default">a mystery</a>,
|
||||
<a href="/search?query=augustine+confessions&profile=yolo&js=default">theology</a>,
|
||||
<a href="/search?query=Hermes+Trismegistus&profile=yolo&js=default">the occult</a>,
|
||||
<a href="/search?query=knitting&profile=yolo&js=default">knitting</a>,
|
||||
<a href="/search?query=scc+graph+algorithm&profile=yolo&js=default">computer science</a>,
|
||||
or <a href="/search?query=salvador+dali&profile=yolo&js=default">art</a>.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
<div class="utils">
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
@ -1,10 +0,0 @@
|
||||
<section class="card">
|
||||
<h2>Updates</h2>
|
||||
<div class="info">
|
||||
<p>☛ It is possible to search by website generator.</p>
|
||||
<p>☛ New filters for forums and wikis are added.</p>
|
||||
</div>
|
||||
<div class="utils">
|
||||
<a href="https://www.marginalia.nu/release-notes/">Release Notes</a>
|
||||
</div>
|
||||
</section>
|
||||
@ -4,7 +4,7 @@
|
||||
<meta charset="UTF-8">
|
||||
<title>Marginalia Search</title>
|
||||
|
||||
<link rel="stylesheet" href="/style-new.css" />
|
||||
<link rel="stylesheet" href="/serp.css" />
|
||||
<link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="Marginalia">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
@ -20,18 +20,12 @@
|
||||
<!-- Hi there, fellow human being :-) -->
|
||||
|
||||
{{>search/parts/search-header}}
|
||||
|
||||
<article>
|
||||
{{>search/parts/search-form}}
|
||||
|
||||
<section id="frontpage">
|
||||
{{>search/index/index-news}}
|
||||
<div class="cards big">
|
||||
{{>search/index/index-about}}
|
||||
{{>search/index/index-tips}}
|
||||
{{>search/index/index-updates}}
|
||||
</div>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
|
||||
{{>search/parts/search-footer}}
|
||||
</body>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user