mirror of
https://github.com/simon987/dataarchivist.net.git
synced 2025-12-16 12:49:01 +00:00
Change theme, add change test post
This commit is contained in:
simon987
273
layouts/partials/css/custom.css
Normal file
273
layouts/partials/css/custom.css
Normal file
@@ -0,0 +1,273 @@
|
||||
html {
|
||||
min-height: 100%;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: rgb(252, 252, 252);
|
||||
color: #484848;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
code, kbd, pre, samp {
|
||||
background-color: rgb(240, 240, 240);
|
||||
}
|
||||
|
||||
.nav-menu {
|
||||
margin-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
border-bottom: 1px solid #e3e3e3;
|
||||
}
|
||||
|
||||
.pure-menu-heading {
|
||||
text-transform: none;
|
||||
font-size: large;
|
||||
}
|
||||
|
||||
.header {
|
||||
text-align: left;
|
||||
color: #484848;
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
|
||||
.header ul li {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.header ul li a {
|
||||
font-weight: bold;
|
||||
color: #484848;
|
||||
font-family: "Source Sans Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
.header {
|
||||
font-weight: bold;
|
||||
color: #484848;
|
||||
font-family: "Source Sans Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
.site-title {
|
||||
color: #484848;
|
||||
text-transform: none;
|
||||
font-weight: normal;
|
||||
font-family: "Source Sans Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
.pull-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.posts-name {
|
||||
text-transform: capitalize;
|
||||
font-weight: bold;
|
||||
padding-left: 1em;
|
||||
margin-top: 1em;
|
||||
font-family: "Source Sans Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
.posts {
|
||||
font-family: verdana, arial, helvetica, sans-serif;
|
||||
list-style-type: none;
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
.posts li p {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.posts li {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.posts li > a {
|
||||
color: #369;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.post-list {
|
||||
font-size: large;
|
||||
}
|
||||
|
||||
.footnote {
|
||||
font-family: verdana, arial, helvetica, sans-serif;
|
||||
color: #575757;
|
||||
font-size: 0.75em;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.footnote a {
|
||||
color: #575757;
|
||||
}
|
||||
|
||||
.footnote a:hover {
|
||||
text-decoration: underline;
|
||||
color: #369;
|
||||
}
|
||||
|
||||
.footer {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
height: auto;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.footer-content {
|
||||
border-top: 1px solid #e3e3e3;
|
||||
font-size: 80%;
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
.footer-content a {
|
||||
color: #575757;
|
||||
}
|
||||
|
||||
.footer-content ul {
|
||||
height: auto;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
display: inline-block;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
/* https://github.com/gohugoio/hugo/issues/1778#issuecomment-451552602 */
|
||||
#TableOfContents > ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#gototop-btn {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#foot-name {
|
||||
color: #484848;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
#foot-copyright {
|
||||
padding-left: 1em;
|
||||
padding-bottom: 0.5em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.post {
|
||||
font-family: proxima-nova, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
color: #484848;
|
||||
letter-spacing: normal;
|
||||
padding-left: .5em;
|
||||
}
|
||||
|
||||
.post h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: bold;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
|
||||
.post-content {
|
||||
z-index: 9;
|
||||
overflow: auto;
|
||||
padding: 0;
|
||||
padding-bottom: 3em;
|
||||
font-size: 16px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.post-content img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.post-content pre {
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
.post a {
|
||||
color: #c05b4d;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.post a:hover {
|
||||
color: #a5473a;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.post h1 {
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.post h2 {
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.post h3 {
|
||||
font-size: 23px;
|
||||
}
|
||||
|
||||
.post h4 {
|
||||
font-size: 21px;
|
||||
}
|
||||
|
||||
.post h5 {
|
||||
font-size: 19px;
|
||||
}
|
||||
|
||||
.post h6 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.post-title {
|
||||
margin-top: 0;
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
.post-title h1 {
|
||||
font-weight: bold;
|
||||
font-size: 39px;
|
||||
line-height: 40px;
|
||||
margin-top: 8px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
.desktop {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mobile {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#toggle-btn {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
padding: .5em 1em;
|
||||
text-decoration: none;
|
||||
color: #484848;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#toggle-content li {
|
||||
clear: both;
|
||||
height: auto;
|
||||
background-color: rgb(249, 249, 249);
|
||||
}
|
||||
|
||||
#toggle-home {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.desktop {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@@ -1,17 +1,75 @@
|
||||
<div class="footer pure-g">
|
||||
<div class="pure-u-1-24 pure-u-md-5-24"></div>
|
||||
<div class="pure-u-11-12 pure-u-md-7-12">
|
||||
<div class="footer-content">
|
||||
<div class="pure-menu pure-menu-horizontal">
|
||||
<ul>
|
||||
{{ if .Site.Author.name }}
|
||||
<li class="pure-menu-item" id="foot-name">© {{ .Site.Author.name }}</li>
|
||||
{{ end }}
|
||||
|
||||
<div class="site-footer">
|
||||
<div class="copyright">{{ .Site.Copyright | safeHTML }}</div>
|
||||
<ul class="site-footer-items">
|
||||
{{- with .OutputFormats.Get "RSS" }}
|
||||
<li class="site-footer-item-rsslink">
|
||||
<a href="{{ .RelPermalink }}" type="application/rss+xml" target="_blank" title="RSS">
|
||||
<i class="fas fa-rss"></i>
|
||||
</a>
|
||||
</li>
|
||||
{{- end }}
|
||||
{{- range .Site.Menus.footer }}
|
||||
<li class="site-footer-item-{{ .Identifier }}"><a href="{{ .URL | safeURL }}" title="{{ .Name }}">{{ .Name }}</a></li>
|
||||
{{- end }}
|
||||
</ul>
|
||||
{{ if .Site.Author.email }}
|
||||
<li class="pure-menu-item">
|
||||
<a href="mailto:{{ .Site.Author.email }}" class="pure-menu-link">Email</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Author.github }}
|
||||
<li class="pure-menu-item">
|
||||
<a href="https://github.com/{{ .Site.Author.github }}" class="pure-menu-link">GitHub</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Author.twitter }}
|
||||
<li class="pure-menu-item">
|
||||
<a href="https://twitter.com/{{ .Site.Author.twitter }}" class="pure-menu-link">Twitter</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Author.medium }}
|
||||
<li class="pure-menu-item">
|
||||
<a href="https://medium.com/@{{ .Site.Author.medium }}" class="pure-menu-link">Medium</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
</ul>
|
||||
<a href="#" class="pure-menu-link pull-right" id="gototop-btn">↑↑</a>
|
||||
{{ if .RSSLink }}
|
||||
<a href="{{ .RSSLink }}" class="pure-menu-link pull-right">RSS</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ if .Site.Copyright }}
|
||||
<p id="foot-copyright">{{ .Site.Copyright | safeHTML }}</p>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="pure-u-1-24 pure-u-md-5-24"></div>
|
||||
</div>
|
||||
{{ template "_internal/google_analytics.html" . }}
|
||||
|
||||
<script type="text/javascript">
|
||||
go();
|
||||
window.addEventListener('resize', go);
|
||||
function go(){
|
||||
var d=document.querySelector(".desktop")
|
||||
if(document.documentElement.clientWidth > 768) {
|
||||
d.style.display="";
|
||||
} else {
|
||||
d.style.display="none";
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
var a=document.querySelector("#toggle-btn"),b=document.querySelector("#toggle-content");a.addEventListener("click",function(){""==b.style.display?(b.style.display="none",a.innerHTML="☰"):(b.style.display="",a.innerHTML="X")});</script>
|
||||
<!-- Google analytics -->
|
||||
{{ if .Site.Author.gaid }}
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||
ga('create', '{{ .Site.Author.gaid }}', 'auto');
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
{{ end }}
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user