diff --git a/content/css/style.css b/content/css/style.css deleted file mode 100644 index 9d5e0227..00000000 --- a/content/css/style.css +++ /dev/null @@ -1,812 +0,0 @@ -@charset "UTF-8"; -@import url('https://rsms.me/inter/inter.css'); -html { font-family: 'Inter', sans-serif; height:100%;} -@supports (font-variation-settings: normal) { - html { font-family: 'Inter var', sans-serif; } -} -:root { - --dark-link:#59ABE3; - --dark-text:#f8f8f8; - --dark-bg:#2b2b2b; - --dark-opacity: 0.75; - --light-text:#2b2b2b; - --light-bg:#f8f8f8; - --light-link:#0065BF; - --light-opacity:1; - - --text-colour: var(--dark-text); - --bg-colour: var(--dark-bg); - --link-colour: var(--dark-link); - --opacity-img: var(--dark-opacity); -} - -@media (prefers-color-scheme: light) { - --text-colour: var(--light-text); - --bg-colour: var(--light-bg); - --link-colour: var(--light-link); - --opacity-img: var(--light-opacity); - -} -[data-theme="light"]{ - --text-colour: var(--light-text); - --bg-colour: var(--light-bg); - --link-colour: var(--light-link); - --opacity-img: var(--light-opacity); -} - -/* Switched mode */ -.theme-switch:checked ~ *, -.theme-switch:checked + *, -.theme-switch:checked + * + *{ - --text-colour:var(--light-text); - --bg-colour:var(--light-bg); - --link-colour:var(--light-link); - --opacity-img: var(--light-opacity); -} - -.theme-switch{ - display:none; -} - -.light{ - display:inline; - float:right; - color:var(--text-colour); -} - -html { - -webkit-animation-fill-mode: forwards; -} - -body { - color: var(--text-colour); - font-size: 15px; - width: 100%; - margin: 0 auto 30px auto; - background: var(--bg-colour); -} -#page{ - display:block; - height:100%; - color: var(--text-colour); - background: var(--bg-colour); -} -.main, .content { - background: var(--bg-colour); - color: var(--text-colour); - height:95%; - display:block; -} -p { - line-height: 1.9em; - font-weight: 400; - font-size: 14px; -} - -a { - text-decoration: none; -} - -img { - opacity: var(--opacity-img); - transition: opacity .5s ease-in-out; -} -img:hover { - opacity: 1 -} -.category { - padding: 4px 6px; - border-radius: 3px; - border: 1px solid var(--text-colour); -} - -.blog { - padding: 4px 6px; - border-radius: 3px; - background: var(--link-colour); - border: 1px solid var(--text-colour); -} - -.tag::before { - content: "#"; - opacity: .75; -} - -.tag, .category { - display: inline-block; - font-size: 15px; - line-height: 1; - margin: 5px 8px 5px 0; -} - -pre { - background: var(--bg-colour); - padding: 5px; -} - -.info i{ - opacity: 0.5; - margin-right: 5px; -} - -a:link, a:visited { - opacity: 1; - -webkit-transition: all .15s linear; - -moz-transition: all .15s linear; - -o-transition: all .15s linear; - -ms-transition: all .15s linear; - transition: all .15s linear; - color: var(--text-colour); -} - -a:hover, a:active { - color: var(--link-colour); -} - -.content { - background: var(--bg-colour); - position:fixed; - left:30%; - height: 100%; - float: right; - width: 80%; - margin-top: 60px; - overflow:auto; - -ms-overflow-style:none; -} -.content::-webkit-scrollbar{ - display:none; -} -.page-top { - width: 70%; - position: fixed; - right: 0; - z-index: 3; - height: 60px; - border-bottom: 1px solid var(--text-colour); - background: var(--bg-colour); -} -.page-top .nav { -width:95%; - list-style: none; - padding: 18px 30px; - float: left; - font-size: 14px; - display:inline-block; -} -.page-top .nav li{ - position: relative; - display: initial; - padding-right: 20px; -} -.page-top .nav a { - color: var(--text-colour); -} -.page-top .nav a:hover { - color: var(--link-colour); -} -.page-top .language-selector { - position:relative; - display:inline; - float:right; - vertical-align:top; -} -.page-top .language-selector ul{ - list-style:none; - padding:0; - margin:0; - display:inline; -} -.page-top .language-selector li{ - vertical-align:top; - margin:0; - padding:0; - padding-bottom:22px; - -} -.page-top .language-selector i{ - vertical-align:top; - display:inline; - padding:0px 10px; -} -.page-top .language-selector label{ - margin:0px; - padding:0px; - display:inline; -} -.sidebar { - width: 30%; - background: var(--bg-colour); - -webkit-background-size: cover; - background-size: cover; - height: 100%; - top: 0; - left: 0; - position: fixed; - z-index: 4; - border-right: 1px solid var(--text-colour); -} -.sidebar #logo{ - max-width: 300px; - width: 80%; - margin: 0 auto; - display:block; - padding: 10px; -} - .sidebar img.u-photo{ - width:150px; - border-radius: 50%; - } - -.sidebar .logo-title { - text-align: center; - padding-top: 240px; -} -.sidebar .logo-title .description { - font-size: 14px; - width: 60%; - margin: 0 auto; - color: var(--text-colour); - padding-bottom:10px; -} -.sidebar .logo-title .logo { - margin: 0 auto; -} -.sidebar .logo-title .title h3 { - text-transform: uppercase; - font-size: 2rem; - font-weight: bold; - letter-spacing: 2px; - line-height: 1; - margin: 1em; -} -.sidebar .logo-title .title a { - text-decoration: none; - color: var(--text-colour); - font-size: 2rem; - font-weight: bold; -} -.sidebar .social-links { - list-style: none; - padding: 0; - font-size: 14px; - text-align: center; -} -.sidebar .social-links i { - margin-right: 3px; -} -.sidebar .social-links li { - display: inline; - padding: 0 4px; - line-height: 0; -} -.sidebar .social-links a { - color: var(--text-colour); -} -.sidebar .social-links a:hover { - color: var(--link-colour); -} -.post, .h-entry { - background: var(--bg-colour); - margin: 30px; - width:80%; - padding-left:20px; -} -.post .banner{ - width:100%; - max-height: 300px; - object-fit:scale-down; - object-position:top; -} -.post .post-title h1 { - text-transform: uppercase; - font-size: 30px; - letter-spacing: 5px; - line-height: 1; -} -.post .post-title h2 { - text-transform: uppercase; - letter-spacing: 1px; - font-size: 28px; - line-height: 1; - font-weight: 600; - color: var(--text-colour); -} -.post .post-title h3 { - text-transform: uppercase; - letter-spacing: 1px; - line-height: 1; - font-weight: 600; - color: var(--text-colour); - font-size: 22px; - margin: 0; -} -.post .post-title a, .h-entry .post-title a { - text-decoration: none; - letter-spacing: 1px; - color: var(--text-colour); -} -.post .post-title a:hover, .h-entry .post-title a:hover { - text-decoration: underline; -} -.post .post-content a, .h-entry p a { - text-decoration: none; - color: var(--link-colour); -} - -.post .post-content table, .h-entry table { - border-collapse:collapse; -} - -.post .post-content table,.post .post-content table td, .post .post-content table th, -.h-entry table,.h-entry table td, .h-entry table th{ - border: 1px dashed var(--text-colour); -} - -.post .post-content table td, .post .post-content table th,.h-entry table td, .h-entry table th{ - padding: 15px -} -.post .post-content a:hover, .h-entry a:hover { - color: var(--link-colour); -} -.post .post-content h3,section aside h3 { - color: var(--text-colour); - font-size: 22px; - font-weight: 600; -} -.post .post-content h4 { - color: var(--text-colour); - font-size: 16px; -} -.post .post-content img, .h-entry img { - max-width: 60%; - text-align: center; - margin: 0 auto; - display:block; - padding:10px; -} -.post .post-footer { - padding: 0 0 30px 0; - border-bottom: 1px solid var(--text-colour); -} -.post .post-footer .meta { - max-width: 100%; - height: 25px; - color: var(--text-colour); -} -.post .post-footer .meta .info { - float: left; - font-size: 12px; - margin-bottom: 1em; -} -.post .post-footer .info .separator a { - margin-right: 0.2em; -} -.post .post-footer .meta .info .date { - margin-right: 10px; -} -.info { - margin: 1em; -} -.post .post-footer .meta a { - text-decoration: none; - color: var(--text-colour); - padding-right: 10px; -} -.post .post-footer .meta a:hover { - color: var(--link-colour); -} -.post .post-footer .blog{ - color: var(--text-colour); -} -.post .post-footer .blog:hover{ - color: var(--text-colour); -} -.post .post-footer .meta i { - margin-right: 6px; -} -.post .post-footer .tags { - padding-bottom: 15px; - font-size: 13px; -} -.post .post-footer .tags ul { - list-style-type: none; - display: inline; - margin: 0; - padding: 0; -} -.post .post-footer .tags ul li { - list-style-type: none; - margin: 0; - padding-right: 5px; - display: inline; -} -.post .post-footer .tags a { - text-decoration: none; - color: var(--text-colour); - font-weight: 400; -} -.post .post-footer .tags a:hover { - text-decoration: none; -} - -.like-reblog-buttons { - float: right; -} - -.like-button { - float: right; - padding: 0 0 0 10px; -} - -.reblog-button { - float: right; - padding: 0; -} - -#install-btn { - position: fixed; - bottom: 0px; - right: 6px; -} - -.footer { - clear: both; - text-align: center; - font-size: 14px; - margin: 0 auto; - bottom: 0; - position: absolute; - width: 100%; - padding-bottom: 20px; - background: var(--bg-colour); -} - -.footer a { - color: var(--text-colour); -} -.footer a:hover { - color: var(--link-colour); -} - -/*for archive*/ -.archive { - width: 80%; -} -.description { - color: var(--text-colour); -} -.list-title{ - margin:30px; - font-size:30px; - font-weight:bold; - color: var(--text-colour); -} - -.list-title i{ - font-size:22px; - vertical-align:middle; - color: var(--text-colour); -} - -.list-with-title { - font-size: 14px; - margin: 30px; - padding: 0; -} -.list-with-title li { - list-style-type: none; - padding: 0; -} -.list-with-title .listing-title { - font-size: 24px; - color: var(--text-colour); - font-weight: 600; - line-height: 2.2em; -} -.list-with-title .listing { - padding: 0; -} -.list-with-title .listing .listing-post { - padding-bottom: 5px; -} -.list-with-title .listing .listing-post .post-time { - float: right; - color: var(--text-colour); -} -.list-with-title .listing .listing-post a { - color: var(--text-colour); -} -.list-with-title .listing .listing-post a:hover { - color: var(--link-colour); -} - -/* share */ -.share { - margin: 0px 30px; - display: inline-flex; -} - -/* about */ -.about { - margin: 30px; - width:80%; -} -.about h3 { - font-size: 22px; -} - -/* links*/ -.links { - margin: 30px; -} -.links h3 { - font-size: 22px; -} -.links a { - cursor: pointer; -} - -/* Comments */ -.comment-count { - color: #666; -} - -.tab-community { - color: #666; -} - -.readmore { - font-size: 14px; - text-align:left; - padding:0; - text-decoration:underline; -} - -.back-button { - padding-top: 30px; - max-width: 100px; - padding-left: 40px; - float: left; -} - -/* Buttons */ -a.btn { - color: #868686; - font-weight: 400; -} - -.btn { - display: inline-block; - position: relative; - outline: 0; - color: rgba(0, 0, 0, 0.44); - background: transparent; - font-size: 14px; - text-align: center; - text-decoration: none; - cursor: pointer; - border: 1px solid rgba(0, 0, 0, 0.15); - white-space: nowrap; - font-weight: 400; - font-style: normal; - border-radius: 999em; -} - -.btn:hover { - display: inline-block; - position: relative; - outline: 0px; - color: #464545; - background: transparent; - font-size: 14px; - text-align: center; - text-decoration: none; - cursor: pointer; - border: 1px solid #464545; - white-space: nowrap; - font-weight: 400; - font-style: normal; - border-radius: 999em; -} - -[role="back"] { - padding: 0.5em 1.25em; - line-height: 1.666em; -} - -[role="home"] { - padding: 0.5em 1.25em; - line-height: 1.666em; -} - -[role="navigation"] { - padding: 0.5em 1.25em; - line-height: 1.666em; -} - -[role="tags"] { - padding: 6px 12px; -} - -/* Menu */ -.menu { - float: right; - padding-top: 30px; -} -.menu .btn-down { - margin: 0px; -} -.menu .btn-down li { - list-style: none; - width: 100px; -} -.menu .btn-down li a { - display: inline-block; - position: relative; - padding: 0.5em 1.25em; - outline: 0; - color: rgba(0, 0, 0, 0.44); - background: transparent; - font-size: 14px; - text-align: center; - text-decoration: none; - cursor: pointer; - border: 1px solid rgba(0, 0, 0, 0.15); - white-space: nowrap; - font-weight: 400; - font-style: normal; - border-radius: 999em; - margin-top: 5px; -} -.menu .btn-down li a:hover { - position: relative; - padding: 0.5em 1.25em; - outline: 0; - color: #fff; - background: #3CBD10; - font-size: 14px; - text-align: center; - text-decoration: none; - cursor: pointer; - border: 1px solid rgba(0, 0, 0, 0.15); - white-space: nowrap; - font-weight: 400; - font-style: normal; - border-radius: 999em; - margin-top: 5px; -} -.menu .btn-down div { - position: absolute; - visibility: hidden; - width: 100px; - float: right; -} - -.page_404 { - text-align: center; - padding-top: 50px; -} - -.pixelfed_embed { - margin:0 auto; - display:block; -} -.contents hr { - color: var(--text-colour); -} -.contents .note, .contents .article { - background-color: var(--bg-colour); - border-radius:10px; - padding:10px; - width: 80%; - margin: 10px; - display:block; -} -.contents .note .author, .contents .article .author{ - width: 60px; - display:block; - float:left; - height:100%; - margin:0px; - padding:0px; -} -.contents .note .author img, .contents .article .author img{ - max-width:50px; - vertical-align: top; - margin:0px; - padding:0px; -} -.contents aside { - width:95%; - display:inline-block; - vertical-align:top; - margin:0px; - padding:0px; -} - -.contents aside time{ - font-size:12px; -} - -.pagination { - list-style:none; - margin: 0 auto; - border:0px; - padding-top:20px; - display:block; - max-width: 1000px; - width:100%; -} -.pagination li{ - display:inline-block; - padding:10px 80px; - height: 80px; -} -.page-top .nav #Likes, .page-top .nav #Replies, .page-top .nav #Re-posts{ - display:none; - } - -@media screen and (max-width: 960px) { - .sidebar { - width: 100%; - position: absolute; - border-right: none; - z-index: 1; - } - .sidebar .logo-title { - padding-top: 100px; - } - .sidebar .logo-title .title img { - width: 70px; - } - .sidebar .logo-title .title h3 { - font-size: 20px; - } - .sidebar #logo{ - padding-top:80px; - } - .page-top { - width: 100%; - } - .page-top .nav{ - width: 90%; - } - .page-top .nav #Likes, .page-top .nav #Replies, .page-top .nav #Re-posts{ - display:none; - } - .page-top .language-selector i{ - padding:0 5px; - } - .post-title h3, section aside h3 { - line-height: 1.6; - } - - .content { - margin-top: 680px; - width: 100%; - z-index: 2; - position: absolute; - left:0; - height:100%; - border-top: 1px solid var(--text-colour); - } - - .about, .post, .archive, .contents{ - width:95%; - margin-left:15px; - } - .footer { - display: none; - } - - .share { - display: grid; - } - - .pagination li{ - display:inline-block; - padding:0px 30px; - height: 30px; - } -} diff --git a/content/photo/5eb1ea18/index.md b/content/photo/5eb1ea18/index.md deleted file mode 100644 index e729447e..00000000 --- a/content/photo/5eb1ea18/index.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -date: '2020-05-05 23:35:04' -draft: false -photo: - - '/images/2020/05/1588718102480-796978-800.jpeg' -posttype: photo -slug: 5eb1ea18 -name: '5eb1ea18' -thumbnail: - - '/images/2020/05/1588718102480-796978-200.jpeg' ---- -Grains diff --git a/content/photo/5eb1eb7a/index.md b/content/photo/5eb1eb7a/index.md deleted file mode 100644 index 49d10f22..00000000 --- a/content/photo/5eb1eb7a/index.md +++ /dev/null @@ -1,11 +0,0 @@ ---- -date: '2020-05-05 23:40:58' -draft: false -photo: - - 'https://jk.nipponalba.scot/images/2020/05/1588718457168-519857-800.jpeg' -posttype: photo -slug: 5eb1eb7a -thumbnail: - - 'https://jk.nipponalba.scot/images/2020/05/1588718457168-519857-200.jpeg' ---- -One more time diff --git a/content/photo/5eb1ec65/index.md b/content/photo/5eb1ec65/index.md deleted file mode 100644 index 9e5bf2d5..00000000 --- a/content/photo/5eb1ec65/index.md +++ /dev/null @@ -1,11 +0,0 @@ ---- -date: '2020-05-05 23:44:53' -draft: false -photo: - - '/images/2020/05/1588718692455-561741-800.jpeg' -posttype: photo -slug: 5eb1ec65 -thumbnail: - - '/images/2020/05/1588718692455-561741-200.jpeg' ---- -Work! diff --git a/content/photo/5eb273c6/index.md b/content/photo/5eb273c6/index.md deleted file mode 100644 index 5ebf6ae9..00000000 --- a/content/photo/5eb273c6/index.md +++ /dev/null @@ -1,11 +0,0 @@ ---- -date: '2020-05-06 09:22:30' -draft: false -photo: - - '/images/2020/05/1588753348847-489423-800.jpeg' -posttype: photo -slug: 5eb273c6 -thumbnail: - - '/2020/05/1588753348847-489423-200.jpeg' ---- -Another photo test - trying to manipulate photo url at the endpoint as I can't work out how to do it in hugo.. diff --git a/content/photo/help/index.md b/content/photo/help/index.md deleted file mode 100644 index fedfe74a..00000000 --- a/content/photo/help/index.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -date: '2020-05-05 23:49:37' -draft: false -photo: - - '/images/2020/05/1588718976294-525143-800.jpeg' -posttype: photo -slug: help -thumbnail: - - '/images/2020/05/1588718976294-525143-200.jpeg' -title: help ---- -It stopped workin diff --git a/layouts/_default/section.html b/layouts/_default/section.html index 56da45e6..6f5973ec 100644 --- a/layouts/_default/section.html +++ b/layouts/_default/section.html @@ -10,14 +10,16 @@