commit 603a03b4d4c511dd0fc4c761b97c2622c83f809f Author: a Date: Thu Dec 9 02:45:28 2021 -0600 second iteration diff --git a/.hugo_build.lock b/.hugo_build.lock new file mode 100644 index 0000000..e69de29 diff --git a/archetypes/default.md b/archetypes/default.md new file mode 100644 index 0000000..00e77bd --- /dev/null +++ b/archetypes/default.md @@ -0,0 +1,6 @@ +--- +title: "{{ replace .Name "-" " " | title }}" +date: {{ .Date }} +draft: true +--- + diff --git a/assets/scss/main.scss b/assets/scss/main.scss new file mode 100644 index 0000000..e517623 --- /dev/null +++ b/assets/scss/main.scss @@ -0,0 +1,327 @@ +body {margin: 0; font-family: Inter;} +a {text-decoration: none; color: unset} +.container { + padding: 0 1em; + margin: 0 auto; + max-width: 80em;} +.section {padding: 2em 0;} +@media (min-width: 40em) { + .container { + padding: 0 2em; + } +} +p {line-height: 1.4;} +.site-title { + display: flex; align-items: center; + img {width: 4em; height: 4em} + h1 { + margin: 0; + margin-left: 0.25em; + font-size: 1.5em} +} +.site-header .container { + display: flex; + justify-content: space-between;} +.site-nav, .site-nav a { + display: flex; + align-items: center; + justify-content: center; + } +.site-nav a {height: 3em; width: 3em} +.site-nav a {margin-left: 1em} +.site-nav a:first-child {margin-left: 0} +.site-nav a.primary {background: steelblue; color: white} +.site-nav i { + font-size: 1.5em; +} +.site-nav { + padding: 0 1em; +} +.site-header { + background: black; + color: white; + position: fixed; + top: 0; + left: 0; + width: 100%; +} +body {margin-top: 4em; + min-height: calc(100vh - 4em); + display: flex; + flex-flow: column; +} +main {flex-grow: 1;} +@media (max-width: 40em) { + .site-nav { + position: fixed; + bottom: 0; + left: 0; + width: 100%; + background: black; + color: white; + padding: 0; + i { + font-size: 1.5em; + } + } + .site-header { + h1 {font-size: 1.5em;} + img {height: 3em; width: 3em;} + } + body { + margin-bottom: 3em; + margin-top: 3em; + min-height: calc(100vh - 3em - 3em)} +} + + + + +.site-footer { + background: #ddd; + padding: 1em 0; +} +.site-footer .links { + list-style: none; + padding: 0; + display: flex; + flex-flow: column; + flex-basis: 100%; + padding-bottom: 1em; +} +.site-footer .container { + display: flex; + flex-flow: row wrap; + justify-content: space-between; +} +.site-footer .credit { + display: flex; + align-items: center; +} +.site-footer .version { + display: flex; + margin: 0; +} + + + +.hero h1 {font-size: clamp(2em, 10vw, 5em);margin: 0;} +.entry .button { + display: inline-block; + padding: 1em; + border: 1px solid #ddd; + box-shadow: 2px 2px 6px #ddd; + border-radius: 4px; +} +.login.button { + background: green; + color: white; +} +.signup.button { + background: steelblue; + color: white; +} +.pwreset.button { + background: salmon; + color: white; +} +.entry .container { + display: flex; + flex-flow: column; + gap: 0.5em; + .button { + max-width: 10em; + } +} + + + + +.features { + display: grid; + gap: 2em; + grid-template-columns: repeat(auto-fit, minmax(20em, 1fr)); + @media (max-width: 22em) { + display: flex; + flex-flow: column; + } +} +.feature {} + + + +.index header > .container { + display: grid; + grid-template-areas: "hero info" "entry info"; + grid-template-columns: 1fr auto; + grid-template-rows: auto 1fr; + .nodeinfo { + grid-area: info; + display: flex; + flex-flow: column; + justify-content: center; + } + .hero {grid-area: hero} + .entry { + grid-area: entry; + align-self: end; + } + @media (max-width: 52.5em) { + display: unset; + .nodeinfo {padding: unset;} + } + @media (min-width: 52.5em) { + .container { + padding: 0; + } + .nodeinfo { + padding: 2em; + background: #eee; + } + .entry { + padding: 0; + } + } +} +.nodeinfo .account { + display: inline-grid; + grid-template-areas: "pic name" "pic url"; + grid-template-columns: 4em 1fr; + grid-template-rows: 1fr 1fr; + .displayname {grid-area: name; align-self: end; margin: 0 2em 0 1em} + .username {grid-area: url; margin: 0 2em 0 1em;} + img {grid-area: pic; width: 100%; height: 100%; background: #333;} + background: #eee; + border-radius: 100em; + img {border-radius: 100em;} + width: 18em; +} + + + + +form.login { + display: flex; + flex-flow: column; + max-width: 40ch; + label { + font-size: 1.5em; + font-weight: 700; + margin-bottom: 1em; + } + input { + font-size: 1.4em; + padding: 0.25em; + margin-bottom: 2em; + } + .username { + + } + .password { + + } + .login { + padding: 1em; + background: rgb(37, 182, 37); + color: white; + } +} + + + + + +#home { + background: #eee; + display: flex; + flex-flow: column; +} +.post { + background: white; + max-width: 600px; + .post-header { + padding: 1em; + .icon { + width: 3em; + } + .username { + font-weight: 700; + } + .domain { + opacity: 0.5; + } + } + .post-image { + width: 100%; + object-fit: contain; + } + .post-body { + .author { + padding: 1em; + display: flex; + align-items: center; + .avatar { + width: 3em; + border-radius: 100em; + margin-right: 1em; + } + .name { + font-weight: 700; + } + } + .description { + padding: 0 1em; + p { + } + } + } + .post-comment { + border-top: 1px solid #ddd; + padding: 1em; + display: flex; + flex-flow: column; + .author { + display: flex; + align-items: center; + .avatar { + width: 3em; + background: pink; + border-radius: 100em; + margin-right: 1em; + } + .name { + font-weight: 700; + margin-right: 1em; + } + } + + .comment { + + } + } + .post-actions { + padding: 1em; + display: flex; + justify-content: space-between; + button { + background: none; + border: none; + } + .primary { + + } + .secondary { + + } + .comment { + display: flex; + align-items: center; + @media (max-width: 25em) { + .hint {display: none;} + } + i { + margin-left: 0.5em; + } + } + } +} \ No newline at end of file diff --git a/config.toml b/config.toml new file mode 100644 index 0000000..1d7c819 --- /dev/null +++ b/config.toml @@ -0,0 +1,3 @@ +baseURL = 'http://example.org/' +languageCode = 'en-us' +title = 'My New Hugo Site' diff --git a/content/app/home.html b/content/app/home.html new file mode 100644 index 0000000..26b762b --- /dev/null +++ b/content/app/home.html @@ -0,0 +1,80 @@ +--- +layout: app +--- + +
+
+
+
+ + trwnh@pixelfed.social posted an image. +
+ +
+
+ + trwnh +
+
+

"A Sky On Fire"

+
+
+
+
+ + + +
+
+ +
+
+
+
+ + dansup +
+
+

Great picture!

+
+
+
+
+ + dansup +
+
+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Non sequi corrupti ut deleniti, labore, odio commodi molestiae unde architecto perspiciatis consequuntur doloremque. Illum rerum in unde, autem commodi vitae obcaecati!

+
+
+
+
+ + dansup +
+
+

Great picture!

+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file diff --git a/content/login.html b/content/login.html new file mode 100644 index 0000000..64745f0 --- /dev/null +++ b/content/login.html @@ -0,0 +1,32 @@ +--- +layout: app +--- + + + +
+ Pixelfed logo +

pixelfed

+
+ +
+
+
+

Log in

+
+
+
+
+ +
+
+
\ No newline at end of file diff --git a/layouts/_default/app.html b/layouts/_default/app.html new file mode 100644 index 0000000..6a3c48a --- /dev/null +++ b/layouts/_default/app.html @@ -0,0 +1,3 @@ +{{define "main"}} +{{ .Content }} +{{ end }} \ No newline at end of file diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html new file mode 100644 index 0000000..c2d5a5a --- /dev/null +++ b/layouts/_default/baseof.html @@ -0,0 +1,22 @@ + + + + + + {{ $styles := resources.Get "scss/main.scss" | toCSS | minify | fingerprint }} + + + + + + {{ block "title" . }} + {{ .Site.Title }} + {{ end }} + + + {{ partial "site-header.html" . }} + {{ block "main" . }} + {{ end }} + {{ partial "site-footer.html" .}} + + diff --git a/layouts/_default/list.html b/layouts/_default/list.html new file mode 100644 index 0000000..7b95819 --- /dev/null +++ b/layouts/_default/list.html @@ -0,0 +1,19 @@ +{{ define "main" }} +
+
+
+

{{ .Title }}

+
+
+
+
+ {{ range .Pages }} + +

{{ .Title }}

+ {{ .Date.Format "January 2, 2006" }} + + {{ end }} +
+
+
+{{ end }} \ No newline at end of file diff --git a/layouts/_default/single.html b/layouts/_default/single.html new file mode 100644 index 0000000..19cc1e6 --- /dev/null +++ b/layouts/_default/single.html @@ -0,0 +1,20 @@ +{{ define "title" }} +{{ .Title }} – {{ .Site.Title }} +{{ end }} +{{ define "main" }} +
+
+
+
+

{{ .Title }}

+
+
+
+
+ {{ .TableOfContents }} + {{ .Content }} +
+
+
+
+{{ end }} diff --git a/layouts/app/single.html b/layouts/app/single.html new file mode 100644 index 0000000..6a3c48a --- /dev/null +++ b/layouts/app/single.html @@ -0,0 +1,3 @@ +{{define "main"}} +{{ .Content }} +{{ end }} \ No newline at end of file diff --git a/layouts/index.html b/layouts/index.html new file mode 100644 index 0000000..f6bd28a --- /dev/null +++ b/layouts/index.html @@ -0,0 +1,83 @@ +{{ define "main" }} + +
+ Pixelfed logo +
+
+
+
+

Photo sharing.
For everyone.

+
+
+
+
+ + + Reset password +
+
+
+
+

Website info

+

{domain} is home to
{usercount} users who have made
{statuscount} posts and are connected to
{peercount} other websites.

+

(maybe mention limits for this particular instance?)

+

The admin of this instance is:

+ +
+
+
+
+
+
+

Create. Share. Discover.

+

{domain} is a website powered by Pixelfed, a free and libre open-source software platform for hosting your very own media-centric social media website. Create a profile on {appname} to start sharing your own photos and videos to anyone who follows you. With an account on {appname}, you can also browse a discovery feed of other profiles and posts, and follow other profiles to start seeing their posts in your own, chronologically-sorted timeline.

+
+
+
+
+

A free and ethical photo sharing platform.

+
+
+

Ad-free.

+

No ads in timelines, or anywhere else.

+
+
+

Chronological.

+

Timelines are properly ordered, with most recent posts first.

+
+
+

Transparent.

+

There are no complex or opaque algorithms that decide what you can see.

+
+
+

Privacy-respecting.

+

No 3rd-party analytics or tracking are included by default.

+
+
+

Human-focused.

+

Feel free to be yourself. The focus is on your posts, not your engagement.

+
+
+

Featureful.

+

Multiple ways to express yourself.

+
+
+
+
+
+
+

Part of a larger network of millions.

+
(This section is hidden if federation is disabled.)
+

Unlike other networks, {domain} is just one website that is part of a larger network of websites that all speak the same protocol called ActivityPub. You can follow anyone across the wider network, regardless of whether they are on {appname} or on a completely different website. This works similarly to email, in much the same way you can message someone on Gmail even if you are using Outlook. This concept is known as federation.

+

Furthermore, you can also follow profiles on websites running completely different software than Pixelfed! Imagine if you could use your Instagram account to follow and interact with Twitter users or YouTube channels. With your Pixelfed account on {domain}, you can like posts from Mastodon users, or comment on Peertube videos. Thanks to the power of federation and ActivityPub, you can experience levels of interoperability between websites that you simply cannot achieve on traditional social media websites.

+
+
+
+{{ end }} \ No newline at end of file diff --git a/layouts/partials/site-footer.html b/layouts/partials/site-footer.html new file mode 100644 index 0000000..7e64b45 --- /dev/null +++ b/layouts/partials/site-footer.html @@ -0,0 +1,13 @@ + \ No newline at end of file diff --git a/layouts/partials/site-header.html b/layouts/partials/site-header.html new file mode 100644 index 0000000..6c59866 --- /dev/null +++ b/layouts/partials/site-header.html @@ -0,0 +1,12 @@ +
+
+

pixelfed

 + +
+
\ No newline at end of file diff --git a/public/app/home/index.html b/public/app/home/index.html new file mode 100644 index 0000000..ecd2cb3 --- /dev/null +++ b/public/app/home/index.html @@ -0,0 +1,122 @@ + + + + + + + + + + + + + My New Hugo Site + + + +
+
+

pixelfed

 + +
+
+ + +
+
+
+
+ + trwnh@pixelfed.social posted an image. +
+ +
+
+ + trwnh +
+
+

"A Sky On Fire"

+
+
+
+
+ + + +
+
+ +
+
+
+
+ + dansup +
+
+

Great picture!

+
+
+
+
+ + dansup +
+
+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Non sequi corrupti ut deleniti, labore, odio commodi molestiae unde architecto perspiciatis consequuntur doloremque. Illum rerum in unde, autem commodi vitae obcaecati!

+
+
+
+
+ + dansup +
+
+

Great picture!

+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ + + + diff --git a/public/app/index.html b/public/app/index.html new file mode 100644 index 0000000..649174a --- /dev/null +++ b/public/app/index.html @@ -0,0 +1,46 @@ + + + + + + + + + + + + + My New Hugo Site + + + +
+
+

pixelfed

 + +
+
+ + + + + + diff --git a/public/app/index.xml b/public/app/index.xml new file mode 100644 index 0000000..2bf0339 --- /dev/null +++ b/public/app/index.xml @@ -0,0 +1,22 @@ + + + + Apps on My New Hugo Site + http://example.org/app/ + Recent content in Apps on My New Hugo Site + Hugo -- gohugo.io + en-us + + + http://example.org/app/home/ + Mon, 01 Jan 0001 00:00:00 +0000 + + http://example.org/app/home/ + trwnh@pixelfed.social posted an image. trwnh "A Sky On Fire" + Leave a comment dansup Great picture! + dansup Lorem ipsum dolor sit amet consectetur adipisicing elit. Non sequi corrupti ut deleniti, labore, odio commodi molestiae unde architecto perspiciatis consequuntur doloremque. Illum rerum in unde, autem commodi vitae obcaecati! + dansup Great picture! + + + + diff --git a/public/categories/index.html b/public/categories/index.html new file mode 100644 index 0000000..7d5dbd9 --- /dev/null +++ b/public/categories/index.html @@ -0,0 +1,57 @@ + + + + + + + + + + + + + My New Hugo Site + + + +
+
+

pixelfed

 + +
+
+ +
+
+
+

Categories

+
+
+
+
+ +
+
+
+ + + + diff --git a/public/categories/index.xml b/public/categories/index.xml new file mode 100644 index 0000000..b92677a --- /dev/null +++ b/public/categories/index.xml @@ -0,0 +1,10 @@ + + + + Categories on My New Hugo Site + http://example.org/categories/ + Recent content in Categories on My New Hugo Site + Hugo -- gohugo.io + en-us + + diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..d411984 --- /dev/null +++ b/public/index.html @@ -0,0 +1,127 @@ + + + + + + + + + + + + + + My New Hugo Site + + + +
+
+

pixelfed

 + +
+
+ + +
+ Pixelfed logo +
+
+
+
+

Photo sharing.
For everyone.

+
+
+
+
+ + + Reset password +
+
+
+
+

Website info

+

{domain} is home to
{usercount} users who have made
{statuscount} posts and are connected to
{peercount} other websites.

+

(maybe mention limits for this particular instance?)

+

The admin of this instance is:

+ +
+
+
+
+
+
+

Create. Share. Discover.

+

{domain} is a website powered by Pixelfed, a free and libre open-source software platform for hosting your very own media-centric social media website. Create a profile on {appname} to start sharing your own photos and videos to anyone who follows you. With an account on {appname}, you can also browse a discovery feed of other profiles and posts, and follow other profiles to start seeing their posts in your own, chronologically-sorted timeline.

+
+
+
+
+

A free and ethical photo sharing platform.

+
+
+

Ad-free.

+

No ads in timelines, or anywhere else.

+
+
+

Chronological.

+

Timelines are properly ordered, with most recent posts first.

+
+
+

Transparent.

+

There are no complex or opaque algorithms that decide what you can see.

+
+
+

Privacy-respecting.

+

No 3rd-party analytics or tracking are included by default.

+
+
+

Human-focused.

+

Feel free to be yourself. The focus is on your posts, not your engagement.

+
+
+

Featureful.

+

Multiple ways to express yourself.

+
+
+
+
+
+
+

Part of a larger network of millions.

+
(This section is hidden if federation is disabled.)
+

Unlike other networks, {domain} is just one website that is part of a larger network of websites that all speak the same protocol called ActivityPub. You can follow anyone across the wider network, regardless of whether they are on {appname} or on a completely different website. This works similarly to email, in much the same way you can message someone on Gmail even if you are using Outlook. This concept is known as federation.

+

Furthermore, you can also follow profiles on websites running completely different software than Pixelfed! Imagine if you could use your Instagram account to follow and interact with Twitter users or YouTube channels. With your Pixelfed account on {domain}, you can like posts from Mastodon users, or comment on Peertube videos. Thanks to the power of federation and ActivityPub, you can experience levels of interoperability between websites that you simply cannot achieve on traditional social media websites.

+
+
+
+ + + + diff --git a/public/index.xml b/public/index.xml new file mode 100644 index 0000000..12ddf0a --- /dev/null +++ b/public/index.xml @@ -0,0 +1,31 @@ + + + + My New Hugo Site + http://example.org/ + Recent content on My New Hugo Site + Hugo -- gohugo.io + en-us + + + http://example.org/app/home/ + Mon, 01 Jan 0001 00:00:00 +0000 + + http://example.org/app/home/ + trwnh@pixelfed.social posted an image. trwnh "A Sky On Fire" + Leave a comment dansup Great picture! + dansup Lorem ipsum dolor sit amet consectetur adipisicing elit. Non sequi corrupti ut deleniti, labore, odio commodi molestiae unde architecto perspiciatis consequuntur doloremque. Illum rerum in unde, autem commodi vitae obcaecati! + dansup Great picture! + + + + + http://example.org/login/ + Mon, 01 Jan 0001 00:00:00 +0000 + + http://example.org/login/ + .site-header {display: none;} body {margin: 0; min-height: 100vh;} pixelfed Log in Username or email Password + + + + diff --git a/public/login/index.html b/public/login/index.html new file mode 100644 index 0000000..a868e32 --- /dev/null +++ b/public/login/index.html @@ -0,0 +1,74 @@ + + + + + + + + + + + + + My New Hugo Site + + + +
+
+

pixelfed

 + +
+
+ + + + +
+ Pixelfed logo +

pixelfed

+
+ +
+
+
+

Log in

+
+
+
+
+ +
+
+
+ + + + diff --git a/public/logo.svg b/public/logo.svg new file mode 100644 index 0000000..7714b4f --- /dev/null +++ b/public/logo.svg @@ -0,0 +1,340 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/scss/main.min.65a75a207c56af70a5653fad8745619d9009a9b0065b7ea2f8cd0066aabaa737.css b/public/scss/main.min.65a75a207c56af70a5653fad8745619d9009a9b0065b7ea2f8cd0066aabaa737.css new file mode 100644 index 0000000..9ee0643 --- /dev/null +++ b/public/scss/main.min.65a75a207c56af70a5653fad8745619d9009a9b0065b7ea2f8cd0066aabaa737.css @@ -0,0 +1 @@ +body{margin:0;font-family:Inter}main{height:calc(100vh - 3em - 194px)}a{text-decoration:none;color:unset}.container{padding:0 1em}.site-title{display:flex;align-items:center}.site-title img{width:4em;height:4em}.site-title h1{margin:0;margin-left:.25em;font-size:2em}.site-header .container{display:flex;justify-content:space-between}.site-nav,.site-nav a{display:flex;align-items:center;justify-content:center}.site-nav a{height:3em;width:3em}.site-nav a{margin-left:1em}.site-nav a:first-child{margin-left:0}.site-nav a.primary{background:#4682b4;color:#fff}.site-nav i{font-size:2em}.site-nav{padding:0 1em}.site-header{background:#000;color:#fff}@media(max-width:600px){.site-nav{position:fixed;bottom:0;left:0;width:100%;background:#000;color:#fff;padding:0;font-size:1.25em}.site-header{font-size:.8em;position:fixed;top:0;left:0;width:100%}.site-footer{margin-bottom:3em}}.site-footer{background:#ddd;padding:1em 0}.site-footer .links{list-style:none;padding:0;display:flex;flex-flow:column;flex-basis:100%;padding-bottom:1em}.site-footer .container{display:flex;flex-flow:row wrap;justify-content:space-between}.site-footer .credit{display:flex;align-items:center}.site-footer .version{display:flex;margin:0} \ No newline at end of file diff --git a/public/scss/main.min.ddb2b41af64e8d09a451e8450d20efde643132332e3dee68ea38fef88808fc87.css b/public/scss/main.min.ddb2b41af64e8d09a451e8450d20efde643132332e3dee68ea38fef88808fc87.css new file mode 100644 index 0000000..60e0fad --- /dev/null +++ b/public/scss/main.min.ddb2b41af64e8d09a451e8450d20efde643132332e3dee68ea38fef88808fc87.css @@ -0,0 +1 @@ +body{margin:0;font-family:Inter}a{text-decoration:none;color:unset}.container{padding:0 1em;margin:0 auto;max-width:80em}.section{padding:2em 0}@media(min-width:40em){.container{padding:0 2em}}p{line-height:1.4}.site-title{display:flex;align-items:center}.site-title img{width:4em;height:4em}.site-title h1{margin:0;margin-left:.25em;font-size:1.5em}.site-header .container{display:flex;justify-content:space-between}.site-nav,.site-nav a{display:flex;align-items:center;justify-content:center}.site-nav a{height:3em;width:3em}.site-nav a{margin-left:1em}.site-nav a:first-child{margin-left:0}.site-nav a.primary{background:#4682b4;color:#fff}.site-nav i{font-size:1.5em}.site-nav{padding:0 1em}.site-header{background:#000;color:#fff;position:fixed;top:0;left:0;width:100%}body{margin-top:4em;min-height:calc(100vh - 4em);display:flex;flex-flow:column}main{flex-grow:1}@media(max-width:40em){.site-nav{position:fixed;bottom:0;left:0;width:100%;background:#000;color:#fff;padding:0}.site-nav i{font-size:1.5em}.site-header h1{font-size:1.5em}.site-header img{height:3em;width:3em}body{margin-bottom:3em;margin-top:3em;min-height:calc(100vh - 3em - 3em)}}.site-footer{background:#ddd;padding:1em 0}.site-footer .links{list-style:none;padding:0;display:flex;flex-flow:column;flex-basis:100%;padding-bottom:1em}.site-footer .container{display:flex;flex-flow:row wrap;justify-content:space-between}.site-footer .credit{display:flex;align-items:center}.site-footer .version{display:flex;margin:0}.hero h1{font-size:clamp(2em,10vw,5em);margin:0}.entry .button{display:inline-block;padding:1em;border:1px solid #ddd;box-shadow:2px 2px 6px #ddd;border-radius:4px}.login.button{background:green;color:#fff}.signup.button{background:#4682b4;color:#fff}.pwreset.button{background:salmon;color:#fff}.entry .container{display:flex;flex-flow:column;gap:.5em}.entry .container .button{max-width:10em}.features{display:grid;gap:2em;grid-template-columns:repeat(auto-fit,minmax(20em,1fr))}@media(max-width:22em){.features{display:flex;flex-flow:column}}.index header>.container{display:grid;grid-template-areas:"hero info" "entry info";grid-template-columns:1fr auto;grid-template-rows:auto 1fr}.index header>.container .nodeinfo{grid-area:info;display:flex;flex-flow:column;justify-content:center}.index header>.container .hero{grid-area:hero}.index header>.container .entry{grid-area:entry;align-self:end}@media(max-width:52.5em){.index header>.container{display:unset}.index header>.container .nodeinfo{padding:unset}}@media(min-width:52.5em){.index header>.container .container{padding:0}.index header>.container .nodeinfo{padding:2em;background:#eee}.index header>.container .entry{padding:0}}.nodeinfo .account{display:inline-grid;grid-template-areas:"pic name" "pic url";grid-template-columns:4em 1fr;grid-template-rows:1fr 1fr;background:#eee;border-radius:100em;width:18em}.nodeinfo .account .displayname{grid-area:name;align-self:end;margin:0 2em 0 1em}.nodeinfo .account .username{grid-area:url;margin:0 2em 0 1em}.nodeinfo .account img{grid-area:pic;width:100%;height:100%;background:#333}.nodeinfo .account img{border-radius:100em}form.login{display:flex;flex-flow:column;max-width:40ch}form.login label{font-size:1.5em;font-weight:700;margin-bottom:1em}form.login input{font-size:1.4em;padding:.25em;margin-bottom:2em}form.login .login{padding:1em;background:#25b625;color:#fff}#home{background:#eee;display:flex;flex-flow:column}.post{background:#fff;max-width:600px}.post .post-header{padding:1em}.post .post-header .icon{width:3em}.post .post-header .username{font-weight:700}.post .post-header .domain{opacity:.5}.post .post-image{width:100%;object-fit:contain}.post .post-body .author{padding:1em;display:flex;align-items:center}.post .post-body .author .avatar{width:3em;border-radius:100em;margin-right:1em}.post .post-body .author .name{font-weight:700}.post .post-body .description{padding:0 1em}.post .post-comment{border-top:1px solid #ddd;padding:1em;display:flex;flex-flow:column}.post .post-comment .author{display:flex;align-items:center}.post .post-comment .author .avatar{width:3em;background:pink;border-radius:100em;margin-right:1em}.post .post-comment .author .name{font-weight:700;margin-right:1em}.post .post-actions{padding:1em;display:flex;justify-content:space-between}.post .post-actions button{background:0 0;border:none}.post .post-actions .comment{display:flex;align-items:center}@media(max-width:25em){.post .post-actions .comment .hint{display:none}}.post .post-actions .comment i{margin-left:.5em} \ No newline at end of file diff --git a/public/sitemap.xml b/public/sitemap.xml new file mode 100644 index 0000000..af4c52e --- /dev/null +++ b/public/sitemap.xml @@ -0,0 +1,17 @@ + + + + http://example.org/app/home/ + + http://example.org/login/ + + http://example.org/app/ + + http://example.org/categories/ + + http://example.org/ + + http://example.org/tags/ + + diff --git a/public/sunset.jpg b/public/sunset.jpg new file mode 100644 index 0000000..f95234c Binary files /dev/null and b/public/sunset.jpg differ diff --git a/public/tags/index.html b/public/tags/index.html new file mode 100644 index 0000000..c8fc4b4 --- /dev/null +++ b/public/tags/index.html @@ -0,0 +1,57 @@ + + + + + + + + + + + + + My New Hugo Site + + + +
+
+

pixelfed

 + +
+
+ +
+
+
+

Tags

+
+
+
+
+ +
+
+
+ + + + diff --git a/public/tags/index.xml b/public/tags/index.xml new file mode 100644 index 0000000..201eda6 --- /dev/null +++ b/public/tags/index.xml @@ -0,0 +1,10 @@ + + + + Tags on My New Hugo Site + http://example.org/tags/ + Recent content in Tags on My New Hugo Site + Hugo -- gohugo.io + en-us + + diff --git a/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.content b/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.content new file mode 100644 index 0000000..60e0fad --- /dev/null +++ b/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.content @@ -0,0 +1 @@ +body{margin:0;font-family:Inter}a{text-decoration:none;color:unset}.container{padding:0 1em;margin:0 auto;max-width:80em}.section{padding:2em 0}@media(min-width:40em){.container{padding:0 2em}}p{line-height:1.4}.site-title{display:flex;align-items:center}.site-title img{width:4em;height:4em}.site-title h1{margin:0;margin-left:.25em;font-size:1.5em}.site-header .container{display:flex;justify-content:space-between}.site-nav,.site-nav a{display:flex;align-items:center;justify-content:center}.site-nav a{height:3em;width:3em}.site-nav a{margin-left:1em}.site-nav a:first-child{margin-left:0}.site-nav a.primary{background:#4682b4;color:#fff}.site-nav i{font-size:1.5em}.site-nav{padding:0 1em}.site-header{background:#000;color:#fff;position:fixed;top:0;left:0;width:100%}body{margin-top:4em;min-height:calc(100vh - 4em);display:flex;flex-flow:column}main{flex-grow:1}@media(max-width:40em){.site-nav{position:fixed;bottom:0;left:0;width:100%;background:#000;color:#fff;padding:0}.site-nav i{font-size:1.5em}.site-header h1{font-size:1.5em}.site-header img{height:3em;width:3em}body{margin-bottom:3em;margin-top:3em;min-height:calc(100vh - 3em - 3em)}}.site-footer{background:#ddd;padding:1em 0}.site-footer .links{list-style:none;padding:0;display:flex;flex-flow:column;flex-basis:100%;padding-bottom:1em}.site-footer .container{display:flex;flex-flow:row wrap;justify-content:space-between}.site-footer .credit{display:flex;align-items:center}.site-footer .version{display:flex;margin:0}.hero h1{font-size:clamp(2em,10vw,5em);margin:0}.entry .button{display:inline-block;padding:1em;border:1px solid #ddd;box-shadow:2px 2px 6px #ddd;border-radius:4px}.login.button{background:green;color:#fff}.signup.button{background:#4682b4;color:#fff}.pwreset.button{background:salmon;color:#fff}.entry .container{display:flex;flex-flow:column;gap:.5em}.entry .container .button{max-width:10em}.features{display:grid;gap:2em;grid-template-columns:repeat(auto-fit,minmax(20em,1fr))}@media(max-width:22em){.features{display:flex;flex-flow:column}}.index header>.container{display:grid;grid-template-areas:"hero info" "entry info";grid-template-columns:1fr auto;grid-template-rows:auto 1fr}.index header>.container .nodeinfo{grid-area:info;display:flex;flex-flow:column;justify-content:center}.index header>.container .hero{grid-area:hero}.index header>.container .entry{grid-area:entry;align-self:end}@media(max-width:52.5em){.index header>.container{display:unset}.index header>.container .nodeinfo{padding:unset}}@media(min-width:52.5em){.index header>.container .container{padding:0}.index header>.container .nodeinfo{padding:2em;background:#eee}.index header>.container .entry{padding:0}}.nodeinfo .account{display:inline-grid;grid-template-areas:"pic name" "pic url";grid-template-columns:4em 1fr;grid-template-rows:1fr 1fr;background:#eee;border-radius:100em;width:18em}.nodeinfo .account .displayname{grid-area:name;align-self:end;margin:0 2em 0 1em}.nodeinfo .account .username{grid-area:url;margin:0 2em 0 1em}.nodeinfo .account img{grid-area:pic;width:100%;height:100%;background:#333}.nodeinfo .account img{border-radius:100em}form.login{display:flex;flex-flow:column;max-width:40ch}form.login label{font-size:1.5em;font-weight:700;margin-bottom:1em}form.login input{font-size:1.4em;padding:.25em;margin-bottom:2em}form.login .login{padding:1em;background:#25b625;color:#fff}#home{background:#eee;display:flex;flex-flow:column}.post{background:#fff;max-width:600px}.post .post-header{padding:1em}.post .post-header .icon{width:3em}.post .post-header .username{font-weight:700}.post .post-header .domain{opacity:.5}.post .post-image{width:100%;object-fit:contain}.post .post-body .author{padding:1em;display:flex;align-items:center}.post .post-body .author .avatar{width:3em;border-radius:100em;margin-right:1em}.post .post-body .author .name{font-weight:700}.post .post-body .description{padding:0 1em}.post .post-comment{border-top:1px solid #ddd;padding:1em;display:flex;flex-flow:column}.post .post-comment .author{display:flex;align-items:center}.post .post-comment .author .avatar{width:3em;background:pink;border-radius:100em;margin-right:1em}.post .post-comment .author .name{font-weight:700;margin-right:1em}.post .post-actions{padding:1em;display:flex;justify-content:space-between}.post .post-actions button{background:0 0;border:none}.post .post-actions .comment{display:flex;align-items:center}@media(max-width:25em){.post .post-actions .comment .hint{display:none}}.post .post-actions .comment i{margin-left:.5em} \ No newline at end of file diff --git a/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.json b/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.json new file mode 100644 index 0000000..c24bbae --- /dev/null +++ b/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.json @@ -0,0 +1 @@ +{"Target":"scss/main.min.ddb2b41af64e8d09a451e8450d20efde643132332e3dee68ea38fef88808fc87.css","MediaType":"text/css","Data":{"Integrity":"sha256-3bK0GvZOjQmkUehFDSDv3mQxMjMuPe5o6jj++IgI/Ic="}} \ No newline at end of file diff --git a/static/logo.svg b/static/logo.svg new file mode 100644 index 0000000..7714b4f --- /dev/null +++ b/static/logo.svg @@ -0,0 +1,340 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/sunset.jpg b/static/sunset.jpg new file mode 100644 index 0000000..f95234c Binary files /dev/null and b/static/sunset.jpg differ