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; 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 { #siteinfo-nav {
display: block; display: block;
width: 100%; width: 100%;
@ -319,14 +367,18 @@ footer {
input[type="text"] { input[type="text"] {
font-family: monospace; font-family: monospace;
font-size: 14pt; font-size: 12pt;
padding: 0.5ch; padding: 0.5ch;
border: 1px solid $border-color; border: 1px solid $border-color;
background-color: $fg-light;
color: $fg-dark;
} }
button[type="submit"] { button[type="submit"] {
font-size: 14pt; font-size: 12pt;
border: 1px solid $border-color; 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> <h2>About</h2>
<div class="info"> <div class="info">
<p>This is an independent DIY search engine that focuses on non-commercial content, and attempts to <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}} {{#if news}}
<section class="card rightbox"> <section id="frontpage-news">
<h2>Publicity, Discussion and Events</h2> <h2>Publicity, Discussion and Events</h2>
<div class="info"> <div class="info">
<dl> <dl>
{{#each news}} {{#each news}}
<dt><a href="{{url}}" rel="nofollow">{{title}}</a></dt> <dt><a href="{{url}}" rel="nofollow">{{title}}</a></dt>
<dd>{{date}} {{source}} </dd> <dd>{{date}} {{source}} </dd>
{{/each}} {{/each}}
</dl> </dl>
</div> </div>
<div class="utils"> <div class="utils">
<a href="/news.xml">📡 RSS Feed</a> <a href="/news.xml">📡 RSS Feed</a>
</div> </div>
</section> </section>
{{/if}} {{/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"> <section id="frontpage-tips">
<h2>Tips</h2> <h2>Tips</h2>
<div class="info"> <div class="info">
<p> <p>
This search engine isn't particularly well equipped to answering queries This search engine isn't particularly well equipped to answering queries
posed like questions, instead try to imagine some text that might appear posed like questions, instead try to imagine some text that might appear
in the website you are looking for, and search for that.</p> in the website you are looking for, and search for that.</p>
<p> <p>
Where this search engine really shines is finding small, old and obscure websites about some Where this search engine really shines is finding small, old and obscure websites about some
given topic, perhaps given topic, perhaps
<a href="/search?query=commander+keen&profile=yolo&js=default">old video games</a>, <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=voynich+&profile=yolo&js=default">a mystery</a>,
<a href="/search?query=augustine+confessions&profile=yolo&js=default">theology</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=Hermes+Trismegistus&profile=yolo&js=default">the occult</a>,
<a href="/search?query=knitting&profile=yolo&js=default">knitting</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>, <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>. or <a href="/search?query=salvador+dali&profile=yolo&js=default">art</a>.
</p> </p>
</div> </div>
<div class="utils"> </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"> <meta charset="UTF-8">
<title>Marginalia Search</title> <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"> <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="Marginalia">
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@ -20,18 +20,12 @@
<!-- Hi there, fellow human being :-) --> <!-- Hi there, fellow human being :-) -->
{{>search/parts/search-header}} {{>search/parts/search-header}}
<article>
{{>search/parts/search-form}} {{>search/parts/search-form}}
<section id="frontpage">
{{>search/index/index-news}} {{>search/index/index-news}}
<div class="cards big">
{{>search/index/index-about}} {{>search/index/index-about}}
{{>search/index/index-tips}} {{>search/index/index-tips}}
{{>search/index/index-updates}} </section>
</div>
</article>
{{>search/parts/search-footer}} {{>search/parts/search-footer}}
</body> </body>