Mirror/MarginaliaSearch
1
0
Fork 0
mirror of https://github.com/MarginaliaSearch/MarginaliaSearch.git synced 2025-02-23 21:18:58 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

(search) Update front page with new look

Browse Source
This commit is contained in:
Viktor Lofgren 2023-11-21 13:02:18 +01:00
parent 42ea87d637
commit 251174c9a2
6 changed files with 92 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
code/services-application/search-service/src/main/resources/static/search/serp.scss
View File

@ -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;
}
}

2
code/services-application/search-service/src/main/resources/templates/search/index/index-about.hdb
View File

@ -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

28
code/services-application/search-service/src/main/resources/templates/search/index/index-news.hdb
View File

@ -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}}

42
code/services-application/search-service/src/main/resources/templates/search/index/index-tips.hdb
View File

@ -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>

10
code/services-application/search-service/src/main/resources/templates/search/index/index-updates.hdb
View File

@ -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>

12
code/services-application/search-service/src/main/resources/templates/search/index/index.hdb
View File

@ -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>