second iteration

This commit is contained in:
a 2021-12-09 02:45:28 -06:00
commit 603a03b4d4
33 changed files with 1880 additions and 0 deletions

0
.hugo_build.lock Normal file
View file

6
archetypes/default.md Normal file
View file

@ -0,0 +1,6 @@
---
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
draft: true
---

327
assets/scss/main.scss Normal file
View file

@ -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;
}
}
}
}

3
config.toml Normal file
View file

@ -0,0 +1,3 @@
baseURL = 'http://example.org/'
languageCode = 'en-us'
title = 'My New Hugo Site'

80
content/app/home.html Normal file
View file

@ -0,0 +1,80 @@
---
layout: app
---
<main id="home" class="section">
<div class="container">
<article class="post">
<header class="post-header">
<i class="icon fa fa-plus"></i>
<span class="username">trwnh</span><span class="domain">@pixelfed.social</span> posted an image.
</header>
<img class="post-image" src="/sunset.jpg" alt="">
<section class="post-body">
<header class="author">
<img src="/sunset.jpg" alt="" class="avatar">
<span class="name">trwnh</span>
</header>
<section class="description">
<p>"A Sky On Fire"</p>
</section>
</section>
<section class="post-actions">
<div class="primary">
<button class="like">
<i class="fa fa-heart fa-2x"></i>
</button>
<button class="boost">
<i class="fa fa-retweet fa-2x"></i>
</button>
<button class="save">
<i class="fa fa-bookmark fa-2x"></i>
</button>
</div>
<div class="secondary">
<button class="comment">
<span class="hint">Leave a comment</span>
<i class="fa fa-comment fa-2x"></i>
</button>
</div>
</section>
<article class="post-comment">
<header class="author">
<img src="/logo.svg" alt="" class="avatar">
<span class="name">dansup</span>
</header>
<section class="comment">
<p>Great picture!</p>
</section>
</article>
<article class="post-comment">
<header class="author">
<img src="/logo.svg" alt="" class="avatar">
<span class="name">dansup</span>
</header>
<section class="comment">
<p>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!</p>
</section>
</article>
<article class="post-comment">
<header class="author">
<img src="/logo.svg" alt="" class="avatar">
<span class="name">dansup</span>
</header>
<section class="comment">
<p>Great picture!</p>
</section>
</article>
</article>
<article class="post"></article>
<article class="post"></article>
<article class="post"></article>
<article class="post"></article>
<article class="post"></article>
<article class="post"></article>
<article class="post"></article>
<article class="post"></article>
<article class="post"></article>
</div>
</main>

32
content/login.html Normal file
View file

@ -0,0 +1,32 @@
---
layout: app
---
<style>
.site-header {display: none;}
body {margin: 0; min-height: 100vh;}
</style>
<a href="/">
<header style="display: flex; align-items: center;">
<img src="/logo.svg" alt="Pixelfed logo">
<h1>pixelfed</h1>
</header>
</a>
<main>
<header class="hero section">
<div class="container">
<h1>Log in</h1>
</div>
</header>
<section class="section">
<div class="container">
<form class="login" action="">
<label for="">Username or email</label>
<input class="username" type="text">
<label for="">Password</label>
<input class="password" type="text">
<input class="login" type="submit" value="Log in" formaction="/app/home">
</form>
</div>
</section>
</main>

View file

@ -0,0 +1,3 @@
{{define "main"}}
{{ .Content }}
{{ end }}

View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="{{.Site.Language.Lang }}" xml:lang="{{.Site.Language.Lang }}">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{{ $styles := resources.Get "scss/main.scss" | toCSS | minify | fingerprint }}
<link rel="stylesheet" href="{{ $styles.Permalink }}" integrity="{{ $styles.Data.Integrity }}" media="screen">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.7/css/fork-awesome.min.css" integrity="sha256-gsmEoJAws/Kd3CjuOQzLie5Q3yshhvmo7YNtBG7aaEY=" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<title>{{ block "title" . }}
{{ .Site.Title }}
{{ end }}</title>
</head>
<body>
{{ partial "site-header.html" . }}
{{ block "main" . }}
{{ end }}
{{ partial "site-footer.html" .}}
</body>
</html>

View file

@ -0,0 +1,19 @@
{{ define "main" }}
<main>
<header class="section page-header">
<div class="container">
<h1 class="page-title">{{ .Title }}</h1>
</div>
</header>
<section class="section list">
<div class="container">
{{ range .Pages }}
<a class="list-item" href="{{ .Permalink }}">
<h2 class="list-item__title">{{ .Title }}</h2>
<datetime class="list-item__date">{{ .Date.Format "January 2, 2006" }}</datetime>
</a>
{{ end }}
</div>
</section>
</main>
{{ end }}

View file

@ -0,0 +1,20 @@
{{ define "title" }}
{{ .Title }} &ndash; {{ .Site.Title }}
{{ end }}
{{ define "main" }}
<main>
<article class="page">
<header class="section page-header">
<div class="container">
<h1 class="page-title">{{ .Title }}</h1>
</div>
</header>
<section class="section">
<div class="container">
{{ .TableOfContents }}
{{ .Content }}
</div>
</section>
</article>
</main>
{{ end }}

3
layouts/app/single.html Normal file
View file

@ -0,0 +1,3 @@
{{define "main"}}
{{ .Content }}
{{ end }}

83
layouts/index.html Normal file
View file

@ -0,0 +1,83 @@
{{ define "main" }}
<style>
.site-header {display: none;}
body {margin: 0; min-height: 100vh;}
</style>
<main class="index">
<img src="/logo.svg" alt="Pixelfed logo">
<header class="header">
<div class="container">
<section class="hero section">
<div class="container">
<h1>Photo sharing.<br>For everyone.</h1>
</div>
</section>
<section class="entry section">
<div class="container">
<a href="/login" class="login button">Log in</a>
<a href="/register" class="signup button">Sign up</a>
<a href="/reset" class="pwreset button">Reset password</a>
</div>
</section>
<section class="nodeinfo section">
<div class="container">
<h2>Website info</h2>
<p>{domain} is home to<br>{usercount} users who have made<br>{statuscount} posts and are connected to<br>{peercount} other websites.</p>
<p>(maybe mention limits for this particular instance?)</p>
<p>The admin of this instance is:</p>
<div class="admin account">
<img src="/logo.svg">
<div class="displayname">Daniel Supernault</div>
<div class="username">pixelfed.social/<strong>dansup</strong></div>
</div>
</div>
</section>
</div>
</header>
<section class="about section">
<div class="container">
<h2>Create. Share. Discover.</h2>
<p>{domain} is a website powered by Pixelfed, a <em>free and libre open-source</em> software platform for <em>hosting your very own</em> 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, <em>chronologically-sorted</em> timeline.</p>
</div>
</section>
<section class="benefits section">
<div class="container">
<h2>A free and ethical photo sharing platform.</h2>
<div class="features">
<div class="feature">
<h3>Ad-free.</h3>
<p>No ads in timelines, or anywhere else.</p>
</div>
<div class="feature">
<h3>Chronological.</h3>
<p>Timelines are properly ordered, with most recent posts first.</p>
</div>
<div class="feature">
<h3>Transparent.</h3>
<p>There are no complex or opaque algorithms that decide what you can see.</p>
</div>
<div class="feature">
<h3>Privacy-respecting.</h3>
<p>No 3rd-party analytics or tracking are included by default.</p>
</div>
<div class="feature">
<h3>Human-focused.</h3>
<p>Feel free to be yourself. The focus is on your posts, not your engagement.</p>
</div>
<div class="feature">
<h3>Featureful.</h3>
<p>Multiple ways to express yourself.</p>
</div>
</div>
</div>
</section>
<section class="federation section">
<div class="container">
<h2>Part of a larger network of millions.</h2>
<div class="blurb" style="background: lemonchiffon; padding: 2em;">(This section is hidden if federation is disabled.)</div>
<p>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 <em>follow anyone across the wider network</em>, 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.</p>
<p>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.</p>
</div>
</section>
</main>
{{ end }}

View file

@ -0,0 +1,13 @@
<footer class="site-footer">
<div class="container">
<ul class="links">
<li>About</li>
<li>Help</li>
<li>Terms</li>
<li>Privacy</li>
<li>Language</li>
</ul>
<a class="credit">Powered by Pixelfed</a>
<p class="version">version 0.11.1</p>
</div>
</footer>

View file

@ -0,0 +1,12 @@
<header class="site-header">
<div class="container">
<a href="/" class="site-title"><img src="/logo.svg"/><h1>pixelfed</h1></a>
<nav class="site-nav">
<a href=""><i class="fa fa-home"></i></a>
<a href=""><i class="fa fa-search"></i></a>
<a href="" class="primary"><i class="fa fa-plus"></i></a>
<a href=""><i class="fa fa-bell"></i></a>
<a href=""><i class="fa fa-user-circle"></i></a>
</nav>
</div>
</header>

122
public/app/home/index.html Normal file
View file

@ -0,0 +1,122 @@
<!DOCTYPE html>
<html lang="en" xml:lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="http://example.org/scss/main.min.ddb2b41af64e8d09a451e8450d20efde643132332e3dee68ea38fef88808fc87.css" integrity="sha256-3bK0GvZOjQmkUehFDSDv3mQxMjMuPe5o6jj&#43;&#43;IgI/Ic=" media="screen">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.7/css/fork-awesome.min.css" integrity="sha256-gsmEoJAws/Kd3CjuOQzLie5Q3yshhvmo7YNtBG7aaEY=" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<title>
My New Hugo Site
</title>
</head>
<body>
<header class="site-header">
<div class="container">
<a href="/" class="site-title"><img src="/logo.svg"/><h1>pixelfed</h1></a>
<nav class="site-nav">
<a href=""><i class="fa fa-home"></i></a>
<a href=""><i class="fa fa-search"></i></a>
<a href="" class="primary"><i class="fa fa-plus"></i></a>
<a href=""><i class="fa fa-bell"></i></a>
<a href=""><i class="fa fa-user-circle"></i></a>
</nav>
</div>
</header>
<main id="home" class="section">
<div class="container">
<article class="post">
<header class="post-header">
<i class="icon fa fa-plus"></i>
<span class="username">trwnh</span><span class="domain">@pixelfed.social</span> posted an image.
</header>
<img class="post-image" src="/sunset.jpg" alt="">
<section class="post-body">
<header class="author">
<img src="/sunset.jpg" alt="" class="avatar">
<span class="name">trwnh</span>
</header>
<section class="description">
<p>"A Sky On Fire"</p>
</section>
</section>
<section class="post-actions">
<div class="primary">
<button class="like">
<i class="fa fa-heart fa-2x"></i>
</button>
<button class="boost">
<i class="fa fa-retweet fa-2x"></i>
</button>
<button class="save">
<i class="fa fa-bookmark fa-2x"></i>
</button>
</div>
<div class="secondary">
<button class="comment">
<span class="hint">Leave a comment</span>
<i class="fa fa-comment fa-2x"></i>
</button>
</div>
</section>
<article class="post-comment">
<header class="author">
<img src="/logo.svg" alt="" class="avatar">
<span class="name">dansup</span>
</header>
<section class="comment">
<p>Great picture!</p>
</section>
</article>
<article class="post-comment">
<header class="author">
<img src="/logo.svg" alt="" class="avatar">
<span class="name">dansup</span>
</header>
<section class="comment">
<p>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!</p>
</section>
</article>
<article class="post-comment">
<header class="author">
<img src="/logo.svg" alt="" class="avatar">
<span class="name">dansup</span>
</header>
<section class="comment">
<p>Great picture!</p>
</section>
</article>
</article>
<article class="post"></article>
<article class="post"></article>
<article class="post"></article>
<article class="post"></article>
<article class="post"></article>
<article class="post"></article>
<article class="post"></article>
<article class="post"></article>
<article class="post"></article>
</div>
</main>
<footer class="site-footer">
<div class="container">
<ul class="links">
<li>About</li>
<li>Help</li>
<li>Terms</li>
<li>Privacy</li>
<li>Language</li>
</ul>
<a class="credit">Powered by Pixelfed</a>
<p class="version">version 0.11.1</p>
</div>
</footer>
</body>
</html>

46
public/app/index.html Normal file
View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en" xml:lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="http://example.org/scss/main.min.ddb2b41af64e8d09a451e8450d20efde643132332e3dee68ea38fef88808fc87.css" integrity="sha256-3bK0GvZOjQmkUehFDSDv3mQxMjMuPe5o6jj&#43;&#43;IgI/Ic=" media="screen">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.7/css/fork-awesome.min.css" integrity="sha256-gsmEoJAws/Kd3CjuOQzLie5Q3yshhvmo7YNtBG7aaEY=" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<title>
My New Hugo Site
</title>
</head>
<body>
<header class="site-header">
<div class="container">
<a href="/" class="site-title"><img src="/logo.svg"/><h1>pixelfed</h1></a>
<nav class="site-nav">
<a href=""><i class="fa fa-home"></i></a>
<a href=""><i class="fa fa-search"></i></a>
<a href="" class="primary"><i class="fa fa-plus"></i></a>
<a href=""><i class="fa fa-bell"></i></a>
<a href=""><i class="fa fa-user-circle"></i></a>
</nav>
</div>
</header>
<footer class="site-footer">
<div class="container">
<ul class="links">
<li>About</li>
<li>Help</li>
<li>Terms</li>
<li>Privacy</li>
<li>Language</li>
</ul>
<a class="credit">Powered by Pixelfed</a>
<p class="version">version 0.11.1</p>
</div>
</footer>
</body>
</html>

22
public/app/index.xml Normal file
View file

@ -0,0 +1,22 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Apps on My New Hugo Site</title>
<link>http://example.org/app/</link>
<description>Recent content in Apps on My New Hugo Site</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-us</language><atom:link href="http://example.org/app/index.xml" rel="self" type="application/rss+xml" />
<item>
<title></title>
<link>http://example.org/app/home/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>http://example.org/app/home/</guid>
<description>trwnh@pixelfed.social posted an image. trwnh &#34;A Sky On Fire&#34;
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!</description>
</item>
</channel>
</rss>

View file

@ -0,0 +1,57 @@
<!DOCTYPE html>
<html lang="en" xml:lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="http://example.org/scss/main.min.ddb2b41af64e8d09a451e8450d20efde643132332e3dee68ea38fef88808fc87.css" integrity="sha256-3bK0GvZOjQmkUehFDSDv3mQxMjMuPe5o6jj&#43;&#43;IgI/Ic=" media="screen">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.7/css/fork-awesome.min.css" integrity="sha256-gsmEoJAws/Kd3CjuOQzLie5Q3yshhvmo7YNtBG7aaEY=" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<title>
My New Hugo Site
</title>
</head>
<body>
<header class="site-header">
<div class="container">
<a href="/" class="site-title"><img src="/logo.svg"/><h1>pixelfed</h1></a>
<nav class="site-nav">
<a href=""><i class="fa fa-home"></i></a>
<a href=""><i class="fa fa-search"></i></a>
<a href="" class="primary"><i class="fa fa-plus"></i></a>
<a href=""><i class="fa fa-bell"></i></a>
<a href=""><i class="fa fa-user-circle"></i></a>
</nav>
</div>
</header>
<main>
<header class="section page-header">
<div class="container">
<h1 class="page-title">Categories</h1>
</div>
</header>
<section class="section list">
<div class="container">
</div>
</section>
</main>
<footer class="site-footer">
<div class="container">
<ul class="links">
<li>About</li>
<li>Help</li>
<li>Terms</li>
<li>Privacy</li>
<li>Language</li>
</ul>
<a class="credit">Powered by Pixelfed</a>
<p class="version">version 0.11.1</p>
</div>
</footer>
</body>
</html>

View file

@ -0,0 +1,10 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Categories on My New Hugo Site</title>
<link>http://example.org/categories/</link>
<description>Recent content in Categories on My New Hugo Site</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-us</language><atom:link href="http://example.org/categories/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>

127
public/index.html Normal file
View file

@ -0,0 +1,127 @@
<!DOCTYPE html>
<html lang="en" xml:lang="en">
<head>
<meta name="generator" content="Hugo 0.89.4" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="http://example.org/scss/main.min.ddb2b41af64e8d09a451e8450d20efde643132332e3dee68ea38fef88808fc87.css" integrity="sha256-3bK0GvZOjQmkUehFDSDv3mQxMjMuPe5o6jj&#43;&#43;IgI/Ic=" media="screen">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.7/css/fork-awesome.min.css" integrity="sha256-gsmEoJAws/Kd3CjuOQzLie5Q3yshhvmo7YNtBG7aaEY=" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<title>
My New Hugo Site
</title>
</head>
<body>
<header class="site-header">
<div class="container">
<a href="/" class="site-title"><img src="/logo.svg"/><h1>pixelfed</h1></a>
<nav class="site-nav">
<a href=""><i class="fa fa-home"></i></a>
<a href=""><i class="fa fa-search"></i></a>
<a href="" class="primary"><i class="fa fa-plus"></i></a>
<a href=""><i class="fa fa-bell"></i></a>
<a href=""><i class="fa fa-user-circle"></i></a>
</nav>
</div>
</header>
<style>
.site-header {display: none;}
body {margin: 0; min-height: 100vh;}
</style>
<main class="index">
<img src="/logo.svg" alt="Pixelfed logo">
<header class="header">
<div class="container">
<section class="hero section">
<div class="container">
<h1>Photo sharing.<br>For everyone.</h1>
</div>
</section>
<section class="entry section">
<div class="container">
<a href="/login" class="login button">Log in</a>
<a href="/register" class="signup button">Sign up</a>
<a href="/reset" class="pwreset button">Reset password</a>
</div>
</section>
<section class="nodeinfo section">
<div class="container">
<h2>Website info</h2>
<p>{domain} is home to<br>{usercount} users who have made<br>{statuscount} posts and are connected to<br>{peercount} other websites.</p>
<p>(maybe mention limits for this particular instance?)</p>
<p>The admin of this instance is:</p>
<div class="admin account">
<img src="/logo.svg">
<div class="displayname">Daniel Supernault</div>
<div class="username">pixelfed.social/<strong>dansup</strong></div>
</div>
</div>
</section>
</div>
</header>
<section class="about section">
<div class="container">
<h2>Create. Share. Discover.</h2>
<p>{domain} is a website powered by Pixelfed, a <em>free and libre open-source</em> software platform for <em>hosting your very own</em> 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, <em>chronologically-sorted</em> timeline.</p>
</div>
</section>
<section class="benefits section">
<div class="container">
<h2>A free and ethical photo sharing platform.</h2>
<div class="features">
<div class="feature">
<h3>Ad-free.</h3>
<p>No ads in timelines, or anywhere else.</p>
</div>
<div class="feature">
<h3>Chronological.</h3>
<p>Timelines are properly ordered, with most recent posts first.</p>
</div>
<div class="feature">
<h3>Transparent.</h3>
<p>There are no complex or opaque algorithms that decide what you can see.</p>
</div>
<div class="feature">
<h3>Privacy-respecting.</h3>
<p>No 3rd-party analytics or tracking are included by default.</p>
</div>
<div class="feature">
<h3>Human-focused.</h3>
<p>Feel free to be yourself. The focus is on your posts, not your engagement.</p>
</div>
<div class="feature">
<h3>Featureful.</h3>
<p>Multiple ways to express yourself.</p>
</div>
</div>
</div>
</section>
<section class="federation section">
<div class="container">
<h2>Part of a larger network of millions.</h2>
<div class="blurb" style="background: lemonchiffon; padding: 2em;">(This section is hidden if federation is disabled.)</div>
<p>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 <em>follow anyone across the wider network</em>, 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.</p>
<p>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.</p>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container">
<ul class="links">
<li>About</li>
<li>Help</li>
<li>Terms</li>
<li>Privacy</li>
<li>Language</li>
</ul>
<a class="credit">Powered by Pixelfed</a>
<p class="version">version 0.11.1</p>
</div>
</footer>
</body>
</html>

31
public/index.xml Normal file
View file

@ -0,0 +1,31 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>My New Hugo Site</title>
<link>http://example.org/</link>
<description>Recent content on My New Hugo Site</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-us</language><atom:link href="http://example.org/index.xml" rel="self" type="application/rss+xml" />
<item>
<title></title>
<link>http://example.org/app/home/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>http://example.org/app/home/</guid>
<description>trwnh@pixelfed.social posted an image. trwnh &#34;A Sky On Fire&#34;
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!</description>
</item>
<item>
<title></title>
<link>http://example.org/login/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>http://example.org/login/</guid>
<description> .site-header {display: none;} body {margin: 0; min-height: 100vh;} pixelfed Log in Username or email Password </description>
</item>
</channel>
</rss>

74
public/login/index.html Normal file
View file

@ -0,0 +1,74 @@
<!DOCTYPE html>
<html lang="en" xml:lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="http://example.org/scss/main.min.ddb2b41af64e8d09a451e8450d20efde643132332e3dee68ea38fef88808fc87.css" integrity="sha256-3bK0GvZOjQmkUehFDSDv3mQxMjMuPe5o6jj&#43;&#43;IgI/Ic=" media="screen">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.7/css/fork-awesome.min.css" integrity="sha256-gsmEoJAws/Kd3CjuOQzLie5Q3yshhvmo7YNtBG7aaEY=" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<title>
My New Hugo Site
</title>
</head>
<body>
<header class="site-header">
<div class="container">
<a href="/" class="site-title"><img src="/logo.svg"/><h1>pixelfed</h1></a>
<nav class="site-nav">
<a href=""><i class="fa fa-home"></i></a>
<a href=""><i class="fa fa-search"></i></a>
<a href="" class="primary"><i class="fa fa-plus"></i></a>
<a href=""><i class="fa fa-bell"></i></a>
<a href=""><i class="fa fa-user-circle"></i></a>
</nav>
</div>
</header>
<style>
.site-header {display: none;}
body {margin: 0; min-height: 100vh;}
</style>
<a href="/">
<header style="display: flex; align-items: center;">
<img src="/logo.svg" alt="Pixelfed logo">
<h1>pixelfed</h1>
</header>
</a>
<main>
<header class="hero section">
<div class="container">
<h1>Log in</h1>
</div>
</header>
<section class="section">
<div class="container">
<form class="login" action="">
<label for="">Username or email</label>
<input class="username" type="text">
<label for="">Password</label>
<input class="password" type="text">
<input class="login" type="submit" value="Log in" formaction="/app/home">
</form>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container">
<ul class="links">
<li>About</li>
<li>Help</li>
<li>Terms</li>
<li>Privacy</li>
<li>Language</li>
</ul>
<a class="credit">Powered by Pixelfed</a>
<p class="version">version 0.11.1</p>
</div>
</footer>
</body>
</html>

340
public/logo.svg Normal file
View file

@ -0,0 +1,340 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
id="svg102"
version="1.1"
height="75"
width="75">
<metadata
id="metadata106">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs56">
<linearGradient
id="g1"
y2="0.60117739"
x2="0"
y1="0.55806792"
x1="1">
<stop
id="stop2"
offset="0"
stop-color="#FF5C34" />
<stop
id="stop4"
offset="1"
stop-color="#EB0256" />
</linearGradient>
<linearGradient
id="g2"
y2="0"
x2="0.30560157"
y1="1.1191301"
x1="0.5">
<stop
id="stop7"
offset="0"
stop-color="#FFB000" />
<stop
id="stop9"
offset="1"
stop-color="#FF7725" />
</linearGradient>
<filter
x="-0.266"
y="-0.189"
width="1.5319999"
height="1.472"
filterUnits="objectBoundingBox"
id="filter-18-3">
<feOffset
id="feOffset12"
dx="0"
dy="1"
in="SourceAlpha"
result="shadowOffsetOuter1" />
<feGaussianBlur
id="feGaussianBlur14"
stdDeviation="1.5"
in="shadowOffsetOuter1"
result="shadowBlurOuter1" />
<feColorMatrix
id="feColorMatrix16"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.298686594 0"
type="matrix"
in="shadowBlurOuter1" />
</filter>
<linearGradient
xlink:href="#g4"
id="g3"
gradientUnits="userSpaceOnUse"
gradientTransform="scale(0.85441985,1.1703848)"
x1="38.66045"
y1="42.313534"
x2="29.417906"
y2="17.769199" />
<linearGradient
x1="38.66045"
y1="42.313534"
x2="29.417906"
y2="17.769199"
id="g4"
gradientTransform="scale(0.85441985,1.1703848)"
gradientUnits="userSpaceOnUse">
<stop
id="stop20"
stop-color="#21EFE3"
offset="0%" />
<stop
id="stop22"
stop-color="#2598FF"
offset="100%" />
</linearGradient>
<linearGradient
x1="32.778084"
y1="31.292349"
x2="-5.737164"
y2="34.564075"
id="g5"
gradientTransform="scale(0.85441985,1.1703848)"
gradientUnits="userSpaceOnUse">
<stop
id="stop25"
stop-color="#A63FDB"
offset="0%" />
<stop
id="stop27"
stop-color="#FF257E"
offset="100%" />
</linearGradient>
<linearGradient
xlink:href="#g1"
id="g6"
gradientUnits="userSpaceOnUse"
gradientTransform="scale(0.85441985,1.1703848)"
x1="26.799479"
y1="19.639755"
x2="6.4907837"
y2="20.515251" />
<linearGradient
xlink:href="#g1"
id="g7"
x1="26.799479"
y1="19.639755"
x2="6.4907837"
y2="20.515251"
gradientTransform="matrix(0.73238181,-0.44005875,0.60279359,1.0032156,7.0612668,16.678016)"
gradientUnits="userSpaceOnUse" />
<linearGradient
xlink:href="#g2"
id="g8"
x1="15.185128"
y1="33.220253"
x2="9.5916662"
y2="1.0193164"
gradientTransform="matrix(0.87275201,0.73232484,-0.56419841,0.67238452,33.373061,2.1802866)"
gradientUnits="userSpaceOnUse" />
<linearGradient
xlink:href="#g10"
id="g9"
gradientUnits="userSpaceOnUse"
gradientTransform="scale(0.85441984,1.1703848)"
x1="16.690788"
y1="19.195547"
x2="57.873302"
y2="21.720842" />
<linearGradient
x1="16.690788"
y1="19.195547"
x2="57.873302"
y2="21.720842"
id="g10"
gradientTransform="scale(0.85441984,1.1703848)"
gradientUnits="userSpaceOnUse">
<stop
id="stop34"
stop-color="#9EE85D"
offset="0%" />
<stop
id="stop36"
stop-color="#0ED061"
offset="100%" />
</linearGradient>
<linearGradient
x1="40.01442"
y1="3.0503507"
x2="21.610674"
y2="22.693472"
id="g11"
gradientTransform="matrix(0.8028135,0.67363955,-0.61334952,0.73096044,33.373061,2.1802866)"
gradientUnits="userSpaceOnUse">
<stop
id="stop39"
stop-color="#17C934"
offset="0" />
<stop
id="stop41"
stop-color="#03FF6E"
offset="1" />
</linearGradient>
<linearGradient
x1="31.906258"
y1="22.861416"
x2="56.143276"
y2="28.198187"
id="g12"
gradientTransform="matrix(0.67306192,0.5647652,-0.7315899,0.87187364,33.373061,2.1802866)"
gradientUnits="userSpaceOnUse">
<stop
id="stop44"
stop-color="#00FFF0"
offset="0" />
<stop
id="stop46"
stop-color="#0087FF"
offset="1" />
</linearGradient>
<linearGradient
x1="18.604218"
y1="60.088772"
x2="29.551889"
y2="34.263325"
id="g13"
gradientTransform="matrix(0.93316856,0.78302028,-0.52767025,0.62885203,33.373061,2.1802866)"
gradientUnits="userSpaceOnUse">
<stop
id="stop49"
stop-color="#A63FDB"
offset="0" />
<stop
id="stop51"
stop-color="#FF257E"
offset="1" />
</linearGradient>
<linearGradient
xlink:href="#g1"
id="g14"
x1="30.973358"
y1="27.509178"
x2="1.1089396"
y2="28.796618"
gradientTransform="matrix(0.64006516,0.53707767,-0.76930493,0.9168206,33.373061,2.1802866)"
gradientUnits="userSpaceOnUse" />
<linearGradient
xlink:href="#g2"
id="g15"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.87275201,0.73232484,-0.56419841,0.67238452,33.373061,2.1802866)"
x1="15.185128"
y1="33.220253"
x2="9.5916662"
y2="1.0193164" />
</defs>
<path
id="path58"
d="M 37.344501,37.708859 C 33.27843,32.146166 25.502814,30.871306 19.977177,34.86138 14.451539,38.851453 13.268326,46.5955 17.334396,52.158194 l 0.307623,0.420851 C 11.011178,43.906438 10.684942,31.740724 17.295264,22.825752 l 0.117697,-0.1564 c 4.095389,-5.4421 11.877186,-6.487086 17.381128,-2.33404 5.503943,4.153045 6.6458,11.931447 2.550412,17.373547 z"
style="fill:url(#g14)" />
<path
id="path60"
d="m 37.344501,37.708859 c -6.472999,2.189353 -9.877881,9.222288 -7.605018,15.708503 2.272862,6.486214 9.362782,9.969509 15.835779,7.780157 l 0.428828,-0.145041 c -8.049827,2.880268 -17.427966,1.494994 -24.513119,-4.450146 -1.457037,-1.222598 -2.741004,-2.57418 -3.848952,-4.023287 L 17.334396,52.158194 C 13.268326,46.5955 14.451539,38.851453 19.977177,34.86138 25.502814,30.871306 33.27843,32.146166 37.344501,37.708859 Z"
style="fill:url(#g13)" />
<path
id="path62"
d="m 37.344501,37.708859 c 0.04163,6.84562 5.636761,12.42884 12.497071,12.470471 6.860311,0.04163 12.387942,-5.47409 12.346311,-12.319709 l -9.53e-4,-0.156747 c 0.07327,5.679151 -1.798009,11.388946 -5.714387,16.056296 -2.883411,3.436311 -6.515801,5.879029 -10.468453,7.293308 l -0.428828,0.145041 C 39.102265,63.386871 32.012345,59.903576 29.739483,53.417362 27.46662,46.931147 30.871502,39.898212 37.344501,37.708859 Z"
style="fill:url(#g12)" />
<path
id="path64"
d="M 37.344501,37.708859 C 43.881909,39.863866 50.867988,36.343413 52.948347,29.845706 55.028706,23.348 51.415553,16.33359 44.878144,14.178584 l -0.535192,-0.176422 c 3.149862,0.958982 6.167442,2.558035 8.855077,4.813224 5.838829,4.899353 8.898368,11.870026 8.988901,18.887488 l 9.53e-4,0.156747 c 0.04163,6.845619 -5.486,12.361341 -12.346311,12.319709 -6.86031,-0.04163 -12.45544,-5.624851 -12.497071,-12.470471 z"
style="fill:url(#g11)" />
<path
id="path66"
style="fill:url(#g15)"
d="m 37.344501,37.708859 c 4.095388,-5.4421 2.953531,-13.220502 -2.550412,-17.373547 -5.503942,-4.153046 -13.285739,-3.10806 -17.381128,2.33404 l -0.117698,0.156401 c 0.293382,-0.395668 0.600429,-0.784933 0.921193,-1.167205 6.528123,-7.779903 16.895374,-10.466821 26.126496,-7.656386 l 0.535192,0.176422 c 6.537409,2.155006 10.150562,9.169416 8.070203,15.667122 -2.080359,6.497707 -9.066438,10.01816 -15.603846,7.863153 z" />
<g
id="g72"
style="opacity:0.54425222;fill:none"
transform="matrix(-0.37460713,0.92718385,-0.92718518,-0.37460659,81.342244,14.622857)">
<path
id="path68"
d="m 28.379451,9.2701483 0.186983,-0.07462 c 6.393149,-2.551328 13.669757,0.4995351 16.252757,6.8142937 2.583,6.314759 -0.505736,13.502142 -6.898886,16.05347 -0.05343,-1.007011 -0.227732,-1.979458 -0.50829,-2.904343 3.429966,-1.856689 5.75552,-5.45605 5.75552,-9.591913 0,-6.036745 -4.954499,-10.9304939 -11.066184,-10.9304939 -1.305803,0 -2.558782,0.223396 -3.7219,0.6336062 z"
style="fill:url(#g9)" />
<path
id="path70"
d="m 28.379451,9.2701483 0.186983,-0.07462 c 6.393149,-2.551328 13.669757,0.4995351 16.252757,6.8142937 2.583,6.314759 -0.505736,13.502142 -6.898886,16.05347 -0.05343,-1.007011 -0.227732,-1.979458 -0.50829,-2.904343 3.429966,-1.856689 5.75552,-5.45605 5.75552,-9.591913 0,-6.036745 -4.954499,-10.9304939 -11.066184,-10.9304939 -1.305803,0 -2.558782,0.223396 -3.7219,0.6336062 z"
style="mix-blend-mode:overlay;fill:#000000;fill-opacity:0.49988679" />
</g>
<path
id="path74"
style="opacity:0.1;fill:url(#g8)"
d="m 37.344501,37.708859 c 4.095388,-5.4421 2.953531,-13.220502 -2.550412,-17.373547 -5.503942,-4.153046 -13.285739,-3.10806 -17.381128,2.33404 l -0.117698,0.156401 c 0.293382,-0.395668 0.600429,-0.784933 0.921193,-1.167205 6.528123,-7.779903 16.895374,-10.466821 26.126496,-7.656386 l 0.535192,0.176422 c 6.537409,2.155006 10.150562,9.169416 8.070203,15.667122 -2.080359,6.497707 -9.066438,10.01816 -15.603846,7.863153 z" />
<path
id="path76"
style="opacity:0.18013395;fill:url(#g7)"
d="m 17.324475,22.990984 0.121843,-0.160265 c 4.165973,-5.47963 11.974565,-6.61226 17.440978,-2.529799 5.466411,4.082461 6.520625,11.834067 2.354651,17.313698 -0.564448,-0.835659 -1.214702,-1.579436 -1.931538,-2.227718 1.983791,-3.358057 2.123373,-7.64106 -0.0068,-11.186188 -3.109159,-5.1745 -9.87647,-6.817505 -15.115214,-3.669755 -1.119294,0.672539 -2.07825,1.509358 -2.863963,2.460027 z" />
<g
id="g82"
style="opacity:0.18013395;fill:none"
transform="matrix(0.85716853,-0.51503807,0.51503881,0.8571673,7.2277095,16.834214)">
<path
id="path78"
d="m 5.5458544,10.697205 0.1869826,-0.07462 c 6.39315,-2.5513278 13.669757,0.499535 16.252757,6.814294 2.583,6.314758 -0.505736,13.502141 -6.898886,16.053469 -0.05343,-1.007011 -0.227732,-1.979458 -0.50829,-2.904342 3.429966,-1.856689 5.755521,-5.45605 5.755521,-9.591914 0,-6.036745 -4.9545,-10.930493 -11.0661847,-10.930493 -1.3058034,0 -2.5587821,0.223396 -3.7218999,0.633606 z"
style="fill:url(#g6)" />
<path
id="path80"
d="m 5.5458544,10.697205 0.1869826,-0.07462 c 6.39315,-2.5513278 13.669757,0.499535 16.252757,6.814294 2.583,6.314758 -0.505736,13.502141 -6.898886,16.053469 -0.05343,-1.007011 -0.227732,-1.979458 -0.50829,-2.904342 3.429966,-1.856689 5.755521,-5.45605 5.755521,-9.591914 0,-6.036745 -4.9545,-10.930493 -11.0661847,-10.930493 -1.3058034,0 -2.5587821,0.223396 -3.7218999,0.633606 z"
style="mix-blend-mode:multiply;fill:#000000;fill-opacity:0.77284307" />
</g>
<g
id="g88"
style="opacity:0.5841518;fill:none"
transform="matrix(-0.22495138,-0.97437006,0.97437146,-0.22495105,-3.413458,67.921439)">
<path
id="path84"
d="m 10.654093,23.764822 0.186983,-0.07462 c 6.393149,-2.551328 13.669757,0.499535 16.252757,6.814293 2.583,6.314759 -0.505736,13.502142 -6.898886,16.05347 -0.05343,-1.007011 -0.227732,-1.979458 -0.50829,-2.904343 3.429966,-1.856689 5.75552,-5.45605 5.75552,-9.591913 0,-6.036745 -4.954499,-10.930493 -11.066184,-10.930493 -1.305803,0 -2.558782,0.223396 -3.7219,0.633606 z"
style="fill:url(#g5)" />
<path
id="path86"
d="m 10.654093,23.764822 0.186983,-0.07462 c 6.393149,-2.551328 13.669757,0.499535 16.252757,6.814293 2.583,6.314759 -0.505736,13.502142 -6.898886,16.05347 -0.05343,-1.007011 -0.227732,-1.979458 -0.50829,-2.904343 3.429966,-1.856689 5.75552,-5.45605 5.75552,-9.591913 0,-6.036745 -4.954499,-10.930493 -11.066184,-10.930493 -1.305803,0 -2.558782,0.223396 -3.7219,0.633606 z"
style="mix-blend-mode:overlay;fill:#000000;fill-opacity:0.50308539" />
</g>
<g
id="g94"
style="opacity:0.56222097;fill:none"
transform="matrix(-0.99863096,-0.05233596,0.05233603,-0.99862953,69.65441,85.048735)">
<path
id="path90"
d="m 25.135241,22.73235 0.186983,-0.07462 c 6.39315,-2.551328 13.669757,0.499535 16.252757,6.814293 2.583001,6.314759 -0.505736,13.502142 -6.898886,16.05347 -0.05343,-1.007011 -0.227731,-1.979458 -0.50829,-2.904343 3.429966,-1.856689 5.755521,-5.45605 5.755521,-9.591913 0,-6.036745 -4.9545,-10.930494 -11.066185,-10.930494 -1.305803,0 -2.558782,0.223396 -3.7219,0.633607 z"
style="fill:url(#g3)" />
<path
id="path92"
d="m 25.135241,22.73235 0.186983,-0.07462 c 6.39315,-2.551328 13.669757,0.499535 16.252757,6.814293 2.583001,6.314759 -0.505736,13.502142 -6.898886,16.05347 -0.05343,-1.007011 -0.227731,-1.979458 -0.50829,-2.904343 3.429966,-1.856689 5.755521,-5.45605 5.755521,-9.591913 0,-6.036745 -4.9545,-10.930494 -11.066185,-10.930494 -1.305803,0 -2.558782,0.223396 -3.7219,0.633607 z"
style="mix-blend-mode:overlay;fill:#000000" />
</g>
<path
id="path96"
d="m 44.686954,14.115568 0.191202,0.06303 c 6.537408,2.155006 10.150561,9.169416 8.070202,15.667122 -2.080359,6.497706 -9.066438,10.01816 -15.603846,7.863153 0.606364,-0.805759 1.097919,-1.662736 1.477505,-2.551578 3.820968,0.782433 7.916076,-0.48 10.574561,-3.648255 3.88035,-4.624415 3.230624,-11.557934 -1.451204,-15.486449 -1.000306,-0.839354 -2.10374,-1.473623 -3.25842,-1.907021 z"
style="mix-blend-mode:overlay;fill:#000000;fill-opacity:0.49617866" />
<path
id="path98"
d="m 24.100846,55.523071 h 4.544831 c 4.281413,0 7.752184,-3.36365 7.752184,-7.512922 0,-4.149273 -3.470771,-7.512923 -7.752184,-7.512923 h -6.55954 c -2.470046,0 -4.472413,1.940568 -4.472413,4.334379 v 16.869977 z"
style="fill:#000000;filter:url(#filter-18-3)"
transform="matrix(1.0000014,0,0,1,11.284998,-12.5)" />
<path
id="path100"
d="m 35.385879,43.023071 h 4.544837 c 4.281419,0 7.752195,-3.36365 7.752195,-7.512922 0,-4.149273 -3.470776,-7.512923 -7.752195,-7.512923 h -6.559549 c -2.47005,0 -4.47242,1.940568 -4.47242,4.334379 v 16.869977 z"
style="fill:#ffffff" />
</svg>

After

Width:  |  Height:  |  Size: 15 KiB

View file

@ -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}

View file

@ -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}

17
public/sitemap.xml Normal file
View file

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url>
<loc>http://example.org/app/home/</loc>
</url><url>
<loc>http://example.org/login/</loc>
</url><url>
<loc>http://example.org/app/</loc>
</url><url>
<loc>http://example.org/categories/</loc>
</url><url>
<loc>http://example.org/</loc>
</url><url>
<loc>http://example.org/tags/</loc>
</url>
</urlset>

BIN
public/sunset.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 168 KiB

57
public/tags/index.html Normal file
View file

@ -0,0 +1,57 @@
<!DOCTYPE html>
<html lang="en" xml:lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="http://example.org/scss/main.min.ddb2b41af64e8d09a451e8450d20efde643132332e3dee68ea38fef88808fc87.css" integrity="sha256-3bK0GvZOjQmkUehFDSDv3mQxMjMuPe5o6jj&#43;&#43;IgI/Ic=" media="screen">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.7/css/fork-awesome.min.css" integrity="sha256-gsmEoJAws/Kd3CjuOQzLie5Q3yshhvmo7YNtBG7aaEY=" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<title>
My New Hugo Site
</title>
</head>
<body>
<header class="site-header">
<div class="container">
<a href="/" class="site-title"><img src="/logo.svg"/><h1>pixelfed</h1></a>
<nav class="site-nav">
<a href=""><i class="fa fa-home"></i></a>
<a href=""><i class="fa fa-search"></i></a>
<a href="" class="primary"><i class="fa fa-plus"></i></a>
<a href=""><i class="fa fa-bell"></i></a>
<a href=""><i class="fa fa-user-circle"></i></a>
</nav>
</div>
</header>
<main>
<header class="section page-header">
<div class="container">
<h1 class="page-title">Tags</h1>
</div>
</header>
<section class="section list">
<div class="container">
</div>
</section>
</main>
<footer class="site-footer">
<div class="container">
<ul class="links">
<li>About</li>
<li>Help</li>
<li>Terms</li>
<li>Privacy</li>
<li>Language</li>
</ul>
<a class="credit">Powered by Pixelfed</a>
<p class="version">version 0.11.1</p>
</div>
</footer>
</body>
</html>

10
public/tags/index.xml Normal file
View file

@ -0,0 +1,10 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Tags on My New Hugo Site</title>
<link>http://example.org/tags/</link>
<description>Recent content in Tags on My New Hugo Site</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-us</language><atom:link href="http://example.org/tags/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>

View file

@ -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}

View file

@ -0,0 +1 @@
{"Target":"scss/main.min.ddb2b41af64e8d09a451e8450d20efde643132332e3dee68ea38fef88808fc87.css","MediaType":"text/css","Data":{"Integrity":"sha256-3bK0GvZOjQmkUehFDSDv3mQxMjMuPe5o6jj++IgI/Ic="}}

340
static/logo.svg Normal file
View file

@ -0,0 +1,340 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
id="svg102"
version="1.1"
height="75"
width="75">
<metadata
id="metadata106">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs56">
<linearGradient
id="g1"
y2="0.60117739"
x2="0"
y1="0.55806792"
x1="1">
<stop
id="stop2"
offset="0"
stop-color="#FF5C34" />
<stop
id="stop4"
offset="1"
stop-color="#EB0256" />
</linearGradient>
<linearGradient
id="g2"
y2="0"
x2="0.30560157"
y1="1.1191301"
x1="0.5">
<stop
id="stop7"
offset="0"
stop-color="#FFB000" />
<stop
id="stop9"
offset="1"
stop-color="#FF7725" />
</linearGradient>
<filter
x="-0.266"
y="-0.189"
width="1.5319999"
height="1.472"
filterUnits="objectBoundingBox"
id="filter-18-3">
<feOffset
id="feOffset12"
dx="0"
dy="1"
in="SourceAlpha"
result="shadowOffsetOuter1" />
<feGaussianBlur
id="feGaussianBlur14"
stdDeviation="1.5"
in="shadowOffsetOuter1"
result="shadowBlurOuter1" />
<feColorMatrix
id="feColorMatrix16"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.298686594 0"
type="matrix"
in="shadowBlurOuter1" />
</filter>
<linearGradient
xlink:href="#g4"
id="g3"
gradientUnits="userSpaceOnUse"
gradientTransform="scale(0.85441985,1.1703848)"
x1="38.66045"
y1="42.313534"
x2="29.417906"
y2="17.769199" />
<linearGradient
x1="38.66045"
y1="42.313534"
x2="29.417906"
y2="17.769199"
id="g4"
gradientTransform="scale(0.85441985,1.1703848)"
gradientUnits="userSpaceOnUse">
<stop
id="stop20"
stop-color="#21EFE3"
offset="0%" />
<stop
id="stop22"
stop-color="#2598FF"
offset="100%" />
</linearGradient>
<linearGradient
x1="32.778084"
y1="31.292349"
x2="-5.737164"
y2="34.564075"
id="g5"
gradientTransform="scale(0.85441985,1.1703848)"
gradientUnits="userSpaceOnUse">
<stop
id="stop25"
stop-color="#A63FDB"
offset="0%" />
<stop
id="stop27"
stop-color="#FF257E"
offset="100%" />
</linearGradient>
<linearGradient
xlink:href="#g1"
id="g6"
gradientUnits="userSpaceOnUse"
gradientTransform="scale(0.85441985,1.1703848)"
x1="26.799479"
y1="19.639755"
x2="6.4907837"
y2="20.515251" />
<linearGradient
xlink:href="#g1"
id="g7"
x1="26.799479"
y1="19.639755"
x2="6.4907837"
y2="20.515251"
gradientTransform="matrix(0.73238181,-0.44005875,0.60279359,1.0032156,7.0612668,16.678016)"
gradientUnits="userSpaceOnUse" />
<linearGradient
xlink:href="#g2"
id="g8"
x1="15.185128"
y1="33.220253"
x2="9.5916662"
y2="1.0193164"
gradientTransform="matrix(0.87275201,0.73232484,-0.56419841,0.67238452,33.373061,2.1802866)"
gradientUnits="userSpaceOnUse" />
<linearGradient
xlink:href="#g10"
id="g9"
gradientUnits="userSpaceOnUse"
gradientTransform="scale(0.85441984,1.1703848)"
x1="16.690788"
y1="19.195547"
x2="57.873302"
y2="21.720842" />
<linearGradient
x1="16.690788"
y1="19.195547"
x2="57.873302"
y2="21.720842"
id="g10"
gradientTransform="scale(0.85441984,1.1703848)"
gradientUnits="userSpaceOnUse">
<stop
id="stop34"
stop-color="#9EE85D"
offset="0%" />
<stop
id="stop36"
stop-color="#0ED061"
offset="100%" />
</linearGradient>
<linearGradient
x1="40.01442"
y1="3.0503507"
x2="21.610674"
y2="22.693472"
id="g11"
gradientTransform="matrix(0.8028135,0.67363955,-0.61334952,0.73096044,33.373061,2.1802866)"
gradientUnits="userSpaceOnUse">
<stop
id="stop39"
stop-color="#17C934"
offset="0" />
<stop
id="stop41"
stop-color="#03FF6E"
offset="1" />
</linearGradient>
<linearGradient
x1="31.906258"
y1="22.861416"
x2="56.143276"
y2="28.198187"
id="g12"
gradientTransform="matrix(0.67306192,0.5647652,-0.7315899,0.87187364,33.373061,2.1802866)"
gradientUnits="userSpaceOnUse">
<stop
id="stop44"
stop-color="#00FFF0"
offset="0" />
<stop
id="stop46"
stop-color="#0087FF"
offset="1" />
</linearGradient>
<linearGradient
x1="18.604218"
y1="60.088772"
x2="29.551889"
y2="34.263325"
id="g13"
gradientTransform="matrix(0.93316856,0.78302028,-0.52767025,0.62885203,33.373061,2.1802866)"
gradientUnits="userSpaceOnUse">
<stop
id="stop49"
stop-color="#A63FDB"
offset="0" />
<stop
id="stop51"
stop-color="#FF257E"
offset="1" />
</linearGradient>
<linearGradient
xlink:href="#g1"
id="g14"
x1="30.973358"
y1="27.509178"
x2="1.1089396"
y2="28.796618"
gradientTransform="matrix(0.64006516,0.53707767,-0.76930493,0.9168206,33.373061,2.1802866)"
gradientUnits="userSpaceOnUse" />
<linearGradient
xlink:href="#g2"
id="g15"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.87275201,0.73232484,-0.56419841,0.67238452,33.373061,2.1802866)"
x1="15.185128"
y1="33.220253"
x2="9.5916662"
y2="1.0193164" />
</defs>
<path
id="path58"
d="M 37.344501,37.708859 C 33.27843,32.146166 25.502814,30.871306 19.977177,34.86138 14.451539,38.851453 13.268326,46.5955 17.334396,52.158194 l 0.307623,0.420851 C 11.011178,43.906438 10.684942,31.740724 17.295264,22.825752 l 0.117697,-0.1564 c 4.095389,-5.4421 11.877186,-6.487086 17.381128,-2.33404 5.503943,4.153045 6.6458,11.931447 2.550412,17.373547 z"
style="fill:url(#g14)" />
<path
id="path60"
d="m 37.344501,37.708859 c -6.472999,2.189353 -9.877881,9.222288 -7.605018,15.708503 2.272862,6.486214 9.362782,9.969509 15.835779,7.780157 l 0.428828,-0.145041 c -8.049827,2.880268 -17.427966,1.494994 -24.513119,-4.450146 -1.457037,-1.222598 -2.741004,-2.57418 -3.848952,-4.023287 L 17.334396,52.158194 C 13.268326,46.5955 14.451539,38.851453 19.977177,34.86138 25.502814,30.871306 33.27843,32.146166 37.344501,37.708859 Z"
style="fill:url(#g13)" />
<path
id="path62"
d="m 37.344501,37.708859 c 0.04163,6.84562 5.636761,12.42884 12.497071,12.470471 6.860311,0.04163 12.387942,-5.47409 12.346311,-12.319709 l -9.53e-4,-0.156747 c 0.07327,5.679151 -1.798009,11.388946 -5.714387,16.056296 -2.883411,3.436311 -6.515801,5.879029 -10.468453,7.293308 l -0.428828,0.145041 C 39.102265,63.386871 32.012345,59.903576 29.739483,53.417362 27.46662,46.931147 30.871502,39.898212 37.344501,37.708859 Z"
style="fill:url(#g12)" />
<path
id="path64"
d="M 37.344501,37.708859 C 43.881909,39.863866 50.867988,36.343413 52.948347,29.845706 55.028706,23.348 51.415553,16.33359 44.878144,14.178584 l -0.535192,-0.176422 c 3.149862,0.958982 6.167442,2.558035 8.855077,4.813224 5.838829,4.899353 8.898368,11.870026 8.988901,18.887488 l 9.53e-4,0.156747 c 0.04163,6.845619 -5.486,12.361341 -12.346311,12.319709 -6.86031,-0.04163 -12.45544,-5.624851 -12.497071,-12.470471 z"
style="fill:url(#g11)" />
<path
id="path66"
style="fill:url(#g15)"
d="m 37.344501,37.708859 c 4.095388,-5.4421 2.953531,-13.220502 -2.550412,-17.373547 -5.503942,-4.153046 -13.285739,-3.10806 -17.381128,2.33404 l -0.117698,0.156401 c 0.293382,-0.395668 0.600429,-0.784933 0.921193,-1.167205 6.528123,-7.779903 16.895374,-10.466821 26.126496,-7.656386 l 0.535192,0.176422 c 6.537409,2.155006 10.150562,9.169416 8.070203,15.667122 -2.080359,6.497707 -9.066438,10.01816 -15.603846,7.863153 z" />
<g
id="g72"
style="opacity:0.54425222;fill:none"
transform="matrix(-0.37460713,0.92718385,-0.92718518,-0.37460659,81.342244,14.622857)">
<path
id="path68"
d="m 28.379451,9.2701483 0.186983,-0.07462 c 6.393149,-2.551328 13.669757,0.4995351 16.252757,6.8142937 2.583,6.314759 -0.505736,13.502142 -6.898886,16.05347 -0.05343,-1.007011 -0.227732,-1.979458 -0.50829,-2.904343 3.429966,-1.856689 5.75552,-5.45605 5.75552,-9.591913 0,-6.036745 -4.954499,-10.9304939 -11.066184,-10.9304939 -1.305803,0 -2.558782,0.223396 -3.7219,0.6336062 z"
style="fill:url(#g9)" />
<path
id="path70"
d="m 28.379451,9.2701483 0.186983,-0.07462 c 6.393149,-2.551328 13.669757,0.4995351 16.252757,6.8142937 2.583,6.314759 -0.505736,13.502142 -6.898886,16.05347 -0.05343,-1.007011 -0.227732,-1.979458 -0.50829,-2.904343 3.429966,-1.856689 5.75552,-5.45605 5.75552,-9.591913 0,-6.036745 -4.954499,-10.9304939 -11.066184,-10.9304939 -1.305803,0 -2.558782,0.223396 -3.7219,0.6336062 z"
style="mix-blend-mode:overlay;fill:#000000;fill-opacity:0.49988679" />
</g>
<path
id="path74"
style="opacity:0.1;fill:url(#g8)"
d="m 37.344501,37.708859 c 4.095388,-5.4421 2.953531,-13.220502 -2.550412,-17.373547 -5.503942,-4.153046 -13.285739,-3.10806 -17.381128,2.33404 l -0.117698,0.156401 c 0.293382,-0.395668 0.600429,-0.784933 0.921193,-1.167205 6.528123,-7.779903 16.895374,-10.466821 26.126496,-7.656386 l 0.535192,0.176422 c 6.537409,2.155006 10.150562,9.169416 8.070203,15.667122 -2.080359,6.497707 -9.066438,10.01816 -15.603846,7.863153 z" />
<path
id="path76"
style="opacity:0.18013395;fill:url(#g7)"
d="m 17.324475,22.990984 0.121843,-0.160265 c 4.165973,-5.47963 11.974565,-6.61226 17.440978,-2.529799 5.466411,4.082461 6.520625,11.834067 2.354651,17.313698 -0.564448,-0.835659 -1.214702,-1.579436 -1.931538,-2.227718 1.983791,-3.358057 2.123373,-7.64106 -0.0068,-11.186188 -3.109159,-5.1745 -9.87647,-6.817505 -15.115214,-3.669755 -1.119294,0.672539 -2.07825,1.509358 -2.863963,2.460027 z" />
<g
id="g82"
style="opacity:0.18013395;fill:none"
transform="matrix(0.85716853,-0.51503807,0.51503881,0.8571673,7.2277095,16.834214)">
<path
id="path78"
d="m 5.5458544,10.697205 0.1869826,-0.07462 c 6.39315,-2.5513278 13.669757,0.499535 16.252757,6.814294 2.583,6.314758 -0.505736,13.502141 -6.898886,16.053469 -0.05343,-1.007011 -0.227732,-1.979458 -0.50829,-2.904342 3.429966,-1.856689 5.755521,-5.45605 5.755521,-9.591914 0,-6.036745 -4.9545,-10.930493 -11.0661847,-10.930493 -1.3058034,0 -2.5587821,0.223396 -3.7218999,0.633606 z"
style="fill:url(#g6)" />
<path
id="path80"
d="m 5.5458544,10.697205 0.1869826,-0.07462 c 6.39315,-2.5513278 13.669757,0.499535 16.252757,6.814294 2.583,6.314758 -0.505736,13.502141 -6.898886,16.053469 -0.05343,-1.007011 -0.227732,-1.979458 -0.50829,-2.904342 3.429966,-1.856689 5.755521,-5.45605 5.755521,-9.591914 0,-6.036745 -4.9545,-10.930493 -11.0661847,-10.930493 -1.3058034,0 -2.5587821,0.223396 -3.7218999,0.633606 z"
style="mix-blend-mode:multiply;fill:#000000;fill-opacity:0.77284307" />
</g>
<g
id="g88"
style="opacity:0.5841518;fill:none"
transform="matrix(-0.22495138,-0.97437006,0.97437146,-0.22495105,-3.413458,67.921439)">
<path
id="path84"
d="m 10.654093,23.764822 0.186983,-0.07462 c 6.393149,-2.551328 13.669757,0.499535 16.252757,6.814293 2.583,6.314759 -0.505736,13.502142 -6.898886,16.05347 -0.05343,-1.007011 -0.227732,-1.979458 -0.50829,-2.904343 3.429966,-1.856689 5.75552,-5.45605 5.75552,-9.591913 0,-6.036745 -4.954499,-10.930493 -11.066184,-10.930493 -1.305803,0 -2.558782,0.223396 -3.7219,0.633606 z"
style="fill:url(#g5)" />
<path
id="path86"
d="m 10.654093,23.764822 0.186983,-0.07462 c 6.393149,-2.551328 13.669757,0.499535 16.252757,6.814293 2.583,6.314759 -0.505736,13.502142 -6.898886,16.05347 -0.05343,-1.007011 -0.227732,-1.979458 -0.50829,-2.904343 3.429966,-1.856689 5.75552,-5.45605 5.75552,-9.591913 0,-6.036745 -4.954499,-10.930493 -11.066184,-10.930493 -1.305803,0 -2.558782,0.223396 -3.7219,0.633606 z"
style="mix-blend-mode:overlay;fill:#000000;fill-opacity:0.50308539" />
</g>
<g
id="g94"
style="opacity:0.56222097;fill:none"
transform="matrix(-0.99863096,-0.05233596,0.05233603,-0.99862953,69.65441,85.048735)">
<path
id="path90"
d="m 25.135241,22.73235 0.186983,-0.07462 c 6.39315,-2.551328 13.669757,0.499535 16.252757,6.814293 2.583001,6.314759 -0.505736,13.502142 -6.898886,16.05347 -0.05343,-1.007011 -0.227731,-1.979458 -0.50829,-2.904343 3.429966,-1.856689 5.755521,-5.45605 5.755521,-9.591913 0,-6.036745 -4.9545,-10.930494 -11.066185,-10.930494 -1.305803,0 -2.558782,0.223396 -3.7219,0.633607 z"
style="fill:url(#g3)" />
<path
id="path92"
d="m 25.135241,22.73235 0.186983,-0.07462 c 6.39315,-2.551328 13.669757,0.499535 16.252757,6.814293 2.583001,6.314759 -0.505736,13.502142 -6.898886,16.05347 -0.05343,-1.007011 -0.227731,-1.979458 -0.50829,-2.904343 3.429966,-1.856689 5.755521,-5.45605 5.755521,-9.591913 0,-6.036745 -4.9545,-10.930494 -11.066185,-10.930494 -1.305803,0 -2.558782,0.223396 -3.7219,0.633607 z"
style="mix-blend-mode:overlay;fill:#000000" />
</g>
<path
id="path96"
d="m 44.686954,14.115568 0.191202,0.06303 c 6.537408,2.155006 10.150561,9.169416 8.070202,15.667122 -2.080359,6.497706 -9.066438,10.01816 -15.603846,7.863153 0.606364,-0.805759 1.097919,-1.662736 1.477505,-2.551578 3.820968,0.782433 7.916076,-0.48 10.574561,-3.648255 3.88035,-4.624415 3.230624,-11.557934 -1.451204,-15.486449 -1.000306,-0.839354 -2.10374,-1.473623 -3.25842,-1.907021 z"
style="mix-blend-mode:overlay;fill:#000000;fill-opacity:0.49617866" />
<path
id="path98"
d="m 24.100846,55.523071 h 4.544831 c 4.281413,0 7.752184,-3.36365 7.752184,-7.512922 0,-4.149273 -3.470771,-7.512923 -7.752184,-7.512923 h -6.55954 c -2.470046,0 -4.472413,1.940568 -4.472413,4.334379 v 16.869977 z"
style="fill:#000000;filter:url(#filter-18-3)"
transform="matrix(1.0000014,0,0,1,11.284998,-12.5)" />
<path
id="path100"
d="m 35.385879,43.023071 h 4.544837 c 4.281419,0 7.752195,-3.36365 7.752195,-7.512922 0,-4.149273 -3.470776,-7.512923 -7.752195,-7.512923 h -6.559549 c -2.47005,0 -4.47242,1.940568 -4.47242,4.334379 v 16.869977 z"
style="fill:#ffffff" />
</svg>

After

Width:  |  Height:  |  Size: 15 KiB

BIN
static/sunset.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 168 KiB