This commit is contained in:
Morgan 2023-11-07 19:59:46 +09:00
parent 84134b79c3
commit ce015c11b3
4 changed files with 30 additions and 30 deletions

View File

@ -22,31 +22,28 @@
} }
.footer a { .footer a {
color: inherit; color: var(--primary);
border-bottom: 1px solid var(--secondary);
} }
.footer a:hover { .footer a:hover {
border-bottom: 1px solid var(--primary); text-decoration: underline;
} }
.top-link { .top-link {
visibility: hidden; visibility: hidden;
position: fixed; position: fixed;
bottom: 60px; bottom: 60px;
right: 30px; right: 30px;
z-index: 99; z-index: 99;
background: var(--tertiary); border: none;
width: 42px; outline: none;
height: 42px; background-color: var(--tertiary);
padding: 12px; color: black;
border-radius: 64px; cursor: pointer;
transition: visibility 0.5s, opacity 0.8s linear; padding: 10px;
} border-radius: 5px;
font-size: 18px;
.top-link, transition: visibility 0.5s, opacity 0.8s linear;
.top-link svg {
filter: drop-shadow(0px 0px 0px var(--theme));
} }
.footer a:hover, .footer a:hover,
@ -57,4 +54,4 @@
.top-link:focus, .top-link:focus,
#theme-toggle:focus { #theme-toggle:focus {
outline: 0; outline: 0;
} }

View File

@ -6,8 +6,8 @@
align-items: center; align-items: center;
min-height: 320px; min-height: 320px;
height: calc(100vh - var(--header-height) * 2 - var(--gap) * 1); height: calc(100vh - var(--header-height) * 2 - var(--gap) * 1);
margin: 0 0 calc(var(--header-height) + var(--gap) * 3) 0; margin: 0 0 calc(var(--header-height) + var(--gap) * 2) 0;
border-bottom: solid 1px #EFEFEF; border-bottom: solid 2px var(--entry);
} }
.first-entry .entry-header { .first-entry .entry-header {
@ -33,15 +33,16 @@
width: 80%; width: 80%;
padding: 4px 0; padding: 4px 0;
margin: 0 auto; margin: 0 auto;
border-radius: 32px;
display: flex; display: flex;
justify-content: center; justify-content: center;
border-top: solid 1px #DDD; bottom: var(--gap);
bottom: 0;
font-size: 14px; font-size: 14px;
} }
.posts-entry-div { .post-entry-title {
padding: var(--gap);
} }
.home-info .entry-content { .home-info .entry-content {

View File

@ -7,7 +7,7 @@
--footer-height: 60px; --footer-height: 60px;
--radius: 8px; --radius: 8px;
--theme: white; --theme: white;
--entry: white; --entry: #EEE;
--primary: #242424; --primary: #242424;
--secondary: rgb(108, 108, 108); --secondary: rgb(108, 108, 108);
--tertiary: rgb(214, 214, 214); --tertiary: rgb(214, 214, 214);

View File

@ -4,14 +4,16 @@
<span>{{ site.Copyright | markdownify }}</span> <span>{{ site.Copyright | markdownify }}</span>
{{- else }} {{- else }}
<a href="/admin/" style="text-decoration: none;">&copy;</a> <span>{{ now.Year }} <a href="{{ "" | absLangURL }}">{{ site.Title }}</a></span> <a href="/admin/" style="text-decoration: none;">&copy;</a> <span>{{ now.Year }} <a href="{{ "" | absLangURL }}">{{ site.Title }}</a></span>
<br/> <div style="font-size: 10px;font-weight: light;">
<span style="font-size: 10px;font-weight: light;">Build date: {{ site.Params.buildDate }}</span> <span style="">Build date: {{ site.Params.buildDate }}</span>
<a href="#" id="theme-toggle">Toggle Theme</a>
</div>
{{- end }} {{- end }}
</footer> </footer>
{{- end }} {{- end }}
{{- if (not site.Params.disableScrollToTop) }} {{- if (not site.Params.disableScrollToTop) }}
<a href="#top" aria-label="go to top" title="Go to Top" class="top-link" style="text-align: center;font-size: 16px;font-weight: bold;" id="top-link" accesskey="g">^</a> <button id="top-link" class="top-link" onclick="window.scrollTo({top: 0, behavior: 'smooth'})"></button>
{{- end }} {{- end }}
{{- partial "extend_footer.html" . }} {{- partial "extend_footer.html" . }}