1
0
mirror of https://github.com/osmarks/mycorrhiza.git synced 2024-10-30 03:36:16 +00:00

CSS: Use less classes

This commit is contained in:
Timur Ismagilov 2022-05-07 01:50:49 +05:00
parent dc36a177a9
commit 95e6589d2e
6 changed files with 23 additions and 33 deletions

View File

@ -1,13 +1,13 @@
{{define "backlinks to text"}}Backlinks to {{.}}{{end}}
{{define "title"}}{{template "backlinks to text" .HyphaName}}{{end}}
{{define "body"}}
<main class="main-width backlinks">
<main class="main-width">
<h1>{{block "backlinks to link" .HyphaName}}Backlinks to <a href="/hypha/{{.}}">{{beautifulName .}}</a>{{end}}</h1>
<p>{{block "description" .}}Hyphae which have a link to this hypha, embed it as an image or transclude it are listed below.{{end}}</p>
<ol class="backlinks__list">
<ol>
{{range .Backlinks}}
<li class="backlinks__entry">
<a class="backlinks__link wikilink" href="/hypha/{{.}}">{{beautifulName .}}</a>
<li>
<a class="wikilink" href="/hypha/{{.}}">{{beautifulName .}}</a>
</li>
{{end}}
</ol>

View File

@ -1,13 +1,13 @@
{{define "category list"}}Category list{{end}}
{{define "title"}}{{template "category list"}}{{end}}
{{define "body"}}
<main class="main-width category-list">
<main class="main-width">
<h1>{{template "title"}}</h1>
{{if len .Categories}}
<ol class="category-list__entries">
<ol>
{{range .Categories}}
<li class="category-list__entry">
<a class="category-list__link" href="/category/{{.}}">{{beautifulName .}}</a>
<li>
<a class="wikilink" href="/category/{{.}}">{{beautifulName .}}</a>
</li>
{{end}}
</ol>

View File

@ -7,14 +7,14 @@
{{if len .Hyphae | not}}
<p>{{block "empty cat" .}}This category is empty{{end}}</p>
{{end}}
<ol class="category__entries">
<ol>
{{range .Hyphae}}
<li class="category__entry">
<a class="category__link" href="/hypha/{{.}}">{{beautifulName .}}</a>
<li>
<a class="wikilink" href="/hypha/{{.}}">{{beautifulName .}}</a>
</li>
{{end}}
{{if .GivenPermissionToModify}}
<li class="category__entry category__add-to-cat">
<li class="category__add-to-cat">
<form method="POST" action="/add-to-category" class="category__add-form">
<input type="text" name="hypha" id="_hypha-name"
placeholder="{{block `hypha name` .}}Hypha name{{end}}">

View File

@ -3,15 +3,11 @@
{{define "body"}}
<main class="main-width">
<h1>{{template "list of hyphae"}}</h1>
<ol class="hypha-list">
<ol>
{{range .Entries}}
<li class="hypha-list__entry">
<a class="hypha-list__link" href="/hypha/{{.Name}}">
{{beautifulName .Name}}
</a>
{{if .Ext}}
<span class="hypha-list__amnt-type">{{.Ext}}</span>
{{end}}
<li>
<a href="/hypha/{{.Name}}">{{beautifulName .Name}}</a>
{{if .Ext}}<span class="media-type-badge">{{.Ext}}</span>{{end}}
</li>
{{end}}
</ol>

View File

@ -1,14 +1,14 @@
{{define "search:"}}Search: {{.}}{{end}}
{{define "title"}}{{template "search:" .Query}}{{end}}
{{define "body"}}
<main class="main-width title-search">
<main class="main-width">
<h1>{{block "search results for" .Query}}Search results for {{.}}{{end}}</h1>
{{if len .Results}}
<p>{{block "search desc" .}}Every hypha name has been compared with the query. Hyphae that have matched the query are listed below.{{end}}</p>
<ol class="title-search__results">
<ol>
{{range .Results}}
<li class="title-search__entry">
<a class="title-search__link wikilink" href="/hypha/{{.}}">{{beautifulName .}}</a>
<li>
<a class="wikilink" href="/hypha/{{.}}">{{beautifulName .}}</a>
</li>
{{end}}
</ol>

View File

@ -14,9 +14,9 @@
.modal__title_small { font-size: 1.5rem; }
.modal__confirmation-msg { margin: 0 0 .5rem 0; }
.hypha-list__link, .title-search__link, .backlinks__link, .category-list__link, .category__link { text-decoration: none; display: inline-block; padding: .25rem; }
.hypha-list__link:hover, .title-search__link:hover, .backlinks__link:hover, .category-list__link:hover, .category__link:hover { text-decoration: underline; }
.hypha-list__amnt-type { font-size: smaller; color: #999; }
ol:not(.mycomarkup-doc ol) a { text-decoration: none; display: inline-block; padding: .25rem; }
ol:not(.mycomarkup-doc ol) a:hover { text-decoration: underline; }
.media-type-badge { font-size: smaller; color: #999; }
/* General element positions, from small to big */
/* Phones and whatnot */
@ -263,12 +263,6 @@ a, .wikilink_external { color: #f1fa8c; }
a:visited, .wikilink_external:visited { color: #ffb86c; }
.wikilink_new, .wikilink_new:visited { color: #dd4444; }
.categories-card__link:hover,
.subhyphae__link:hover,
.sibling-hyphae__link:hover,
.category-list__link:hover,
.category__link:hover { background-color: #444; }
.prevnext__el, .prevnext__el:visited { color: #ddd; }
.layout-card__title { background-color: #343434; }