Browse Source

added hack cat

master
sorenpeter 9 months ago
parent
commit
af830035ff
  1. 23
      internal/static/css/99-yarn.css
  2. 10372
      internal/static/css/openmoji-black-awesome.css
  3. 10372
      internal/static/css/openmoji-color-awesome.css
  4. 4
      internal/templates/_partials.html
  5. 44
      internal/templates/base.html

23
internal/static/css/99-yarn.css

@ -2,11 +2,11 @@
/*border: thin solid pink;*/
}
/*.dev-note {
.dev-note {
background-color: #ffa;
border: solid thin red;
}
*/
.left {
float: left;
text-align: left;
@ -20,23 +20,29 @@
text-align: right;
}
.yarn-logo {
height: 1.5rem;
/*margin-bottom: -0.5rem;*/
.oma {
vertical-align: middle;
/* filter: invert(1) hue-rotate(180deg); TODO: add to darkmode */
/*filter: invert(1);*/
/*TODO: add to darkmode */
}
.pod-logo {
margin-left: -0.1rem;
/*filter: invert(1) hue-rotate(180deg) saturate(150%);*/
/*TODO: add to darkmode */
}
nav.pod-menu {
margin-bottom: 0.5rem;
}
nav.pod-menu a {
nav.pod-menu a,
nav.user-menu a {
color: var(--text-main);
}
nav.user-menu {
/*text-align:center;*/
padding: 0.2rem;
/*padding: 0.2rem;*/
margin-bottom: 0.5rem;
}
nav ul {
@ -76,6 +82,7 @@ li.twt-hash {
time {
background: none;
border: none;
padding: none;
}
article {

10372
internal/static/css/openmoji-black-awesome.css

File diff suppressed because it is too large Load Diff

10372
internal/static/css/openmoji-color-awesome.css

File diff suppressed because it is too large Load Diff

4
internal/templates/_partials.html

@ -148,7 +148,7 @@
{{ if $.Authenticated }}
<li>
<a class="bookmark" href="/bookmark/{{ $.Twt.Hash }}" data-tooltip="{{ if $.User.Bookmarked $.Twt.Hash }}{{tr $.Ctx "BookmarkRemoveTwt"}}{{ else }}{{tr $.Ctx "BookmarkAddTwt"}}{{ end }}">
<i class="icss-{{ if $.User.Bookmarked $.Twt.Hash }}bookmark{{ else }}bookmark-o{{ end }}"></i> Bookmark
<i class="oma oma-bg oma-{{ if $.User.Bookmarked $.Twt.Hash }}bookmark{{ else }}black-bookmark{{ end }}"></i>Bookmark
</a>
</li>
{{ end }}
@ -204,7 +204,7 @@
<!-- float: right -->
<li class="twt-hash">
{{ if eq $.view "conv" }}
{{ if eq $.view "conv" }} <i class="oma oma-share oma-bg"></i>
<a class="fork" href="#" data-fork="{{ $.User.Fork $.Twt }}">&rdsh; Reply to:</a>
{{ end }}

44
internal/templates/base.html

@ -6,9 +6,9 @@
<!-- <link href="/css/01-pico.css" rel="stylesheet" /> -->
<link href="/css/02-icss.css" rel="stylesheet" />
<link href="/css/03-icons.css" rel="stylesheet" />
<link href="/css/openmoji-black-awesome.css" rel="stylesheet" />
<link href="/css/openmoji-color-awesome.css" rel="stylesheet" />
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css"> -->
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/yegor256/tacit@gh-pages/tacit-css-1.5.5.min.css"/> -->
<!-- <link rel="stylesheet" href="https://unpkg.com/mvp.css"> -->
<link href="/css/water.min.css" rel="stylesheet">
<link href="/css/99-twtxt.css" rel="stylesheet" />
<link href="/css/90-top-bar.css" rel="stylesheet" />
@ -48,23 +48,17 @@
<!-- Navigation - Pod/Global -->
<nav class="pod-menu"> <!-- TODO -->
<!-- <img alt="yarn" class="yarn-logo" src="https://openmoji.org//data/color/svg/1F9F6.svg"> -->
<!-- <img alt="yarn" class="yarn-logo" src="/img/yarn-logo.png"> -->
<ul>
<!-- 🧶 Logo -->
<!-- <li><a href="/">{{ $.Logo }}</a></li> -->
<li><a href="/">
<img alt="yarn" class="yarn-logo" src="/img/yarn-logo.png">
<strong> Twtxt.net</strong>
<small>&ndash; a yarn.social pod</small></a></li>
<li><a href="/"><i class="pod-logo oma oma-2x oma-yarn"></i><strong>Twtxt.net</strong><small>&ndash; a yarn.social pod</small></a></li>
</ul>
<ul class="right">
<li><a href="/discover"><i class="icss-users"></i> {{tr . "NavDiscover"}}</a></li>
<li><a href="/discover"><i class="oma oma-bg oma-black-collaboration"></i>{{tr . "NavDiscover"}}</a></li>
{{ if .Authenticated }}
<li><a href="/feeds"><i class="icss-rss"></i> {{tr . "NavFeeds"}}</a></li>
<li><a href="/feeds"><i class="oma oma-bg oma-black-web-syndication"></i>{{tr . "NavFeeds"}}</a></li>
{{ end }}
<!-- <li><a href="https://feeds.twtxt.net/"><i class="icss-rss"></i> External Feeds</a></li> --> <!-- TODO -->
<li><a href="https://search.twtxt.net/"><i class="icss-search"></i> Search</a></li> <!-- TODO -->
<!-- <li><a href="https://feeds.twtxt.net/"><i class="icss-rss"></i>External Feeds</a></li> --> <!-- TODO -->
<li><a href="https://search.twtxt.net/"><i class="oma oma-bg oma-black-magnifying-glass-tilted-left"></i>Search</a></li> <!-- TODO -->
</ul>
</nav>
@ -72,9 +66,9 @@
<nav class="user-menu">
<ul>
{{ if .Authenticated }}
<li><a href="/"><i class="icss-chat"></i> {{tr . "NavTimeline"}}</a> <small class="dev-note">(15 m)</small></li><!-- TODO -->
<li><a href="/mentions"><i class="icss-smiley"></i> {{tr . "NavMentions"}}</a> <small class="dev-note">(1 h)</small></li><!-- TODO -->
<li><a href="http://0.0.0.0:8000/user/sp/bookmarks"><i class="icss-bookmark"></i> Bookmarks</a></li><!-- TODO -->
<li><a href="/"><i class="oma oma-bg oma-black-interview"></i>{{tr . "NavTimeline"}}</a> <small class="dev-note">(15 m)</small></li><!-- TODO -->
<li><a href="/mentions"><i class="oma oma-bg oma-black-waving-hand"></i>{{tr . "NavMentions"}}</a> <small class="dev-note">(1 h)</small></li><!-- TODO -->
<li><a href="http://0.0.0.0:8000/user/sp/bookmarks"><i class="oma oma-bg oma-black-bookmark"></i>Bookmarks</a></li><!-- TODO -->
{{ end }}
<li>&nbsp;</li>
</ul>
@ -82,41 +76,41 @@
<ul class="right">
{{ if .Authenticated }}
<li><a href="/follow"><i class="icss-plus"></i> {{tr . "NavFollow"}}</a></li>
<li><a href="/follow"><i class="oma oma-bg oma-black-plus"></i>{{tr . "NavFollow"}}</a></li>
<li><a href="http://0.0.0.0:8000/user/sp/"><i class="icss-user"></i> Profile</a></li> <!-- TODO -->
<li><a href="http://0.0.0.0:8000/user/sp/"><i class="oma oma-bg oma-black-hacker-cat"></i>Profile</a></li> <!-- TODO -->
<li>
<a href="/messages">
{{ if gt $.NewMessages 0 }}
<i class="icss-mail-box-in"></i>
<i class="oma oma-bg oma-black-open-mailbox-with-raised-flag"></i>
{{ else }}
<i class="icss-mail-box"></i>
<i class="oma oma-bg oma-black-closed-mailbox-with-lowered-flag"></i>
{{ end }}
<!-- {{tr . "NavMessages"}} -->
</a>
</li>
<li><a class="secondary" href="/settings"><i class="icss-gear"></i> <!-- {{tr . "NavSettings"}} --></a></li>
<li><a class="secondary" href="/logout"><i class="icss-exit"></i><!-- {{tr . "NavLogout"}} --></a></li>
<li><a class="secondary" href="/settings"><i class="oma oma-bg oma-black-gear"></i><!-- {{tr . "NavSettings"}} --></a></li>
<li><a class="secondary" href="/logout"><i class="oma oma-bg oma-black-door"></i><!-- {{tr . "NavLogout"}} --></a></li>
{{ else }}
{{ if .RegisterDisabled }}
<li>
<a href="#" data-tooltip="{{ with .RegisterDisabledMessage }}{{ .RegisterDisabledMessage }}{{ else }}Registrations are disabled on this instance. Please contact the operator.{{ end }}">
<i class="icss-exclamation-circle" style="color:red;"></i>
<i class="icss-exclamation-circle" style="color:red;"></i>
{{tr . "NavRegister"}}
</a>
</li>
{{ else }}
<li>
<a href="/register">
<i class="icss-smiley"></i>
<i class="icss-smiley"></i>
{{tr . "NavRegister"}}
</a>
</li>
{{ end }}
<li><a href="/login"><i class="icss-key"></i> {{tr . "NavLogin"}}</a></li>
<li><a href="/login"><i class="icss-key"></i>{{tr . "NavLogin"}}</a></li>
{{ end }}
</ul>

Loading…
Cancel
Save