second iteration
This commit is contained in:
commit
603a03b4d4
33 changed files with 1880 additions and 0 deletions
0
.hugo_build.lock
Normal file
0
.hugo_build.lock
Normal file
6
archetypes/default.md
Normal file
6
archetypes/default.md
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
---
|
||||
title: "{{ replace .Name "-" " " | title }}"
|
||||
date: {{ .Date }}
|
||||
draft: true
|
||||
---
|
||||
|
||||
327
assets/scss/main.scss
Normal file
327
assets/scss/main.scss
Normal 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
3
config.toml
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
baseURL = 'http://example.org/'
|
||||
languageCode = 'en-us'
|
||||
title = 'My New Hugo Site'
|
||||
80
content/app/home.html
Normal file
80
content/app/home.html
Normal 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
32
content/login.html
Normal 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>
|
||||
3
layouts/_default/app.html
Normal file
3
layouts/_default/app.html
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
{{define "main"}}
|
||||
{{ .Content }}
|
||||
{{ end }}
|
||||
22
layouts/_default/baseof.html
Normal file
22
layouts/_default/baseof.html
Normal 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>
|
||||
19
layouts/_default/list.html
Normal file
19
layouts/_default/list.html
Normal 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 }}
|
||||
20
layouts/_default/single.html
Normal file
20
layouts/_default/single.html
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
{{ define "title" }}
|
||||
{{ .Title }} – {{ .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
3
layouts/app/single.html
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
{{define "main"}}
|
||||
{{ .Content }}
|
||||
{{ end }}
|
||||
83
layouts/index.html
Normal file
83
layouts/index.html
Normal 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 }}
|
||||
13
layouts/partials/site-footer.html
Normal file
13
layouts/partials/site-footer.html
Normal 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>
|
||||
12
layouts/partials/site-header.html
Normal file
12
layouts/partials/site-header.html
Normal 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
122
public/app/home/index.html
Normal 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++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
46
public/app/index.html
Normal 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++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
22
public/app/index.xml
Normal 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 "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!</description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
57
public/categories/index.html
Normal file
57
public/categories/index.html
Normal 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++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>
|
||||
10
public/categories/index.xml
Normal file
10
public/categories/index.xml
Normal 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
127
public/index.html
Normal 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++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
31
public/index.xml
Normal 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 "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!</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
74
public/login/index.html
Normal 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++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
340
public/logo.svg
Normal 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 |
|
|
@ -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}
|
||||
|
|
@ -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
17
public/sitemap.xml
Normal 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
BIN
public/sunset.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 168 KiB |
57
public/tags/index.html
Normal file
57
public/tags/index.html
Normal 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++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
10
public/tags/index.xml
Normal 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>
|
||||
|
|
@ -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}
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"Target":"scss/main.min.ddb2b41af64e8d09a451e8450d20efde643132332e3dee68ea38fef88808fc87.css","MediaType":"text/css","Data":{"Integrity":"sha256-3bK0GvZOjQmkUehFDSDv3mQxMjMuPe5o6jj++IgI/Ic="}}
|
||||
340
static/logo.svg
Normal file
340
static/logo.svg
Normal 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
BIN
static/sunset.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 168 KiB |
Loading…
Reference in a new issue