WIP: footer and other stylings
This commit is contained in:
parent
496ebc4698
commit
0b910e48de
18 changed files with 198 additions and 170 deletions
|
|
@ -1,19 +1,10 @@
|
|||
var root = document.documentElement;
|
||||
let vh = window.innerHeight * 0.01;
|
||||
root.style.setProperty('--vh', `${vh}px`);
|
||||
this.lastHeight = window.innerHeight;
|
||||
|
||||
/*
|
||||
// We listen to the resize event
|
||||
window.addEventListener('resize', () => {
|
||||
// We execute the same script as before
|
||||
if (
|
||||
window.innerWidth > window.innerHeight ||
|
||||
Math.abs(this.lastHeight - window.innerHeight) > 100
|
||||
) {
|
||||
let vh = window.innerHeight * 0.01;
|
||||
root.style.setProperty('--vh', `${vh}px`);
|
||||
this.lastHeight = window.innerHeight;
|
||||
}
|
||||
});
|
||||
*/
|
||||
});
|
||||
|
|
@ -14,9 +14,7 @@ a:visited {color: rgb(147, 85, 197)}
|
|||
text-decoration: none;
|
||||
border-radius: 0.25em;
|
||||
font-weight: 700;
|
||||
i {
|
||||
margin-right: 1em;
|
||||
}
|
||||
gap: 1em;
|
||||
}
|
||||
|
||||
.button.primary {
|
||||
|
|
@ -109,107 +107,54 @@ a:visited {color: rgb(147, 85, 197)}
|
|||
}
|
||||
|
||||
#intro {
|
||||
line-height: 1.4;
|
||||
background-color: rgb(15, 35, 65);
|
||||
--headerHeight: 4em;
|
||||
--navHeight: 4em;
|
||||
background-color: #00234F;
|
||||
color: white;
|
||||
background-image: url('/images/puzzlehead.svg');
|
||||
background-size: contain;
|
||||
background-position-x: center;
|
||||
background-position-y: bottom;
|
||||
background-repeat: no-repeat;
|
||||
min-height: max-content;
|
||||
max-height: calc(100vh - 9em);
|
||||
max-height: calc(var(--vh, 1vh) * 100 - 9em);
|
||||
min-height: calc(100vh - var(--headerHeight) - var(--navHeight));
|
||||
min-height: calc(var(--vh, 1vh) * 100 - var(--headerHeight) - var(--navHeight));
|
||||
@media (min-width: 960px) {
|
||||
max-height: calc(100vh - 6em);
|
||||
max-height: calc(var(--vh, 1vh) * 100 - 6em);
|
||||
min-height: calc(100vh - var(--headerHeight));
|
||||
min-height: calc(var(--vh, 1vh) * 100 - var(--headerHeight));
|
||||
}
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex: 1;
|
||||
.container {
|
||||
position: relative;
|
||||
height: calc(100vh - 9em);
|
||||
height: calc(var(--vh, 1vh) * 100 - 9em);
|
||||
@media (min-width: 960px) {
|
||||
height: calc(100vh - 6em);
|
||||
height: calc(var(--vh, 1vh) * 100 - 6em);
|
||||
}
|
||||
padding: 1em;
|
||||
}
|
||||
.tagline {
|
||||
font-size: 1.5em;
|
||||
font-weight: 700;
|
||||
em {color: #0f6;font-style: italic;}
|
||||
margin-bottom: 1rem;
|
||||
margin-bottom: 0.7rem;
|
||||
line-height: 1.1;
|
||||
}
|
||||
.blurb {
|
||||
margin-bottom: 1.75em;
|
||||
max-width: 30ch;
|
||||
font-size: 1.1em;
|
||||
line-height: 1.4;
|
||||
}
|
||||
// TODO: matrix of weird sizes for intro breakpoints
|
||||
// - landscape se
|
||||
@media (max-width: 30em) and (max-height: 20em) {
|
||||
.blurb {
|
||||
max-width: 40ch;
|
||||
}
|
||||
}
|
||||
// - tall phones in multitasking mode
|
||||
//
|
||||
// END: matrix of weird sizes for breakpoints
|
||||
@media (min-height: 33.75em) {
|
||||
.blurb {font-size: 1.1em}
|
||||
}
|
||||
@media (min-height: 37.5em) {
|
||||
.container {
|
||||
padding: 2em 1em;
|
||||
}
|
||||
}
|
||||
@media (min-height: 40em) {
|
||||
.container {
|
||||
padding: 3em 1em;
|
||||
}
|
||||
.tagline {
|
||||
font-size: 1.8em;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
}
|
||||
@media (max-width: 22em) {
|
||||
.tagline br {display: none;}
|
||||
}
|
||||
@media (min-width: 34em) {
|
||||
.button {
|
||||
i {margin-right: 1rem !important;}
|
||||
span {display: block !important;}
|
||||
padding-left: 2em;
|
||||
padding-right: 2em;
|
||||
bottom: 1.5em !important;
|
||||
right: 1.5em !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 22em) and (min-height: 46em) {
|
||||
.blurb {font-size: 1.3em;}
|
||||
}
|
||||
@media (min-width: 25em) and (min-height: 45em) {
|
||||
.tagline {
|
||||
font-size: 2.5em;
|
||||
}
|
||||
.blurb {font-size: 1.36em;}
|
||||
}
|
||||
@media (min-width: 37.5em) and (min-height: 30em) {
|
||||
.container {
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
}
|
||||
@media (min-width: 40em) and (min-height: 50em) {
|
||||
.blurb {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
.button {
|
||||
background: #06f;
|
||||
color: white;
|
||||
width: max-content;
|
||||
i {margin: 0;}
|
||||
span {display: none;}
|
||||
@media (min-width: 30em) {
|
||||
span {display: block;}
|
||||
padding: 1em 2em;
|
||||
}
|
||||
border-radius: 100em;
|
||||
position: absolute;
|
||||
bottom: 1em;
|
||||
|
|
|
|||
|
|
@ -5,8 +5,7 @@ html {
|
|||
body {
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
min-height: 100vh;
|
||||
position: relative;
|
||||
min-height: calc(var(--vh, 1vh) * 100);
|
||||
}
|
||||
main {flex-grow: 1;}
|
||||
.section {
|
||||
|
|
|
|||
|
|
@ -85,6 +85,10 @@
|
|||
background-size: cover;
|
||||
background-color: pink;
|
||||
}
|
||||
&.workgo-fed::before {
|
||||
background: url("/images/logos/go-fed.png");
|
||||
background-size: cover;
|
||||
}
|
||||
&.workeqin::before {
|
||||
background: url("/images/logos/eqin.png");
|
||||
background-size: cover;
|
||||
|
|
@ -4,15 +4,15 @@
|
|||
@import "base/list.scss";
|
||||
@import "base/components.scss";
|
||||
|
||||
@import "index/index.scss";
|
||||
@import "content/index.scss";
|
||||
|
||||
@import "work/index.scss";
|
||||
@import "work/trilogy/index.scss";
|
||||
@import "work/mastodon/index.scss";
|
||||
@import "content/work.scss";
|
||||
@import "content/work/trilogy.scss";
|
||||
@import "content/work/mastodon.scss";
|
||||
|
||||
@import "code/index.scss";
|
||||
@import "content/code.scss";
|
||||
|
||||
@import "blog/index.scss";
|
||||
@import "content/blog.scss";
|
||||
|
||||
@import "partials/site-header.scss";
|
||||
@import "partials/site-footer.scss";
|
||||
|
|
@ -1,30 +1,94 @@
|
|||
.site-footer {
|
||||
background: #ddd;
|
||||
color: #212121;
|
||||
hr {display: none;}
|
||||
.container {
|
||||
padding: 2em 1em;
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 2em;
|
||||
}
|
||||
dt {font-weight: 700; margin-bottom: 0.25rem;}
|
||||
dd {margin-bottom: 0.5em;}
|
||||
a {color: inherit;}
|
||||
.external {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(6,1fr);
|
||||
gap: 1em;
|
||||
a {
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
i {font-size: 2em; }
|
||||
background: white;
|
||||
color: #535353;
|
||||
hr {display: none;}
|
||||
.container {
|
||||
position: relative;
|
||||
padding: 1em;
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 2rem;
|
||||
@media (min-width: 38rem) {
|
||||
display: grid;
|
||||
grid-template-columns: 18rem 1fr;
|
||||
}
|
||||
}
|
||||
.h-card {
|
||||
font-family: monospace;
|
||||
border-radius: 1em;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
max-width: 18rem;
|
||||
.banner {
|
||||
background-image: url('/images/sunset.jpg');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
aspect-ratio: 2/1;
|
||||
padding: 2rem;
|
||||
}
|
||||
img {
|
||||
border-radius: 100em;
|
||||
width: 50%;
|
||||
aspect-ratio: 1;
|
||||
background: rgba(0,0,0,0.5);
|
||||
}
|
||||
background: white;
|
||||
dl {
|
||||
dt, dd {width: max-content;}
|
||||
padding: 1rem;
|
||||
dt {font-weight: 700; margin-bottom: 0.25em}
|
||||
dd {margin-bottom: 0.5em; max-width: 100%;}
|
||||
}
|
||||
box-shadow: 0 1px 1px rgba(0,0,0,0.11),
|
||||
0 2px 2px rgba(0,0,0,0.11),
|
||||
0 4px 4px rgba(0,0,0,0.11),
|
||||
0 6px 8px rgba(0,0,0,0.11),
|
||||
0 8px 16px rgba(0,0,0,0.11);
|
||||
}
|
||||
.external-links {
|
||||
margin: 0 auto;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(6,1fr);
|
||||
gap: 1em;
|
||||
margin-top: 2rem;
|
||||
a {
|
||||
width: 2em;
|
||||
aspect-ratio: 1;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
i {font-size: 1.6em;}
|
||||
}
|
||||
.git-lastcommit {
|
||||
display: grid;
|
||||
grid-template-areas:
|
||||
"time hash"
|
||||
"subj subj";
|
||||
grid-template-columns: 1fr auto;
|
||||
time {
|
||||
grid-area: time;
|
||||
}
|
||||
p {
|
||||
grid-area: subj;
|
||||
}
|
||||
a {
|
||||
grid-area: hash;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: #ddd;
|
||||
padding: 0.25rem;
|
||||
border-radius: 0.25rem;
|
||||
font-family: monospace;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -5,21 +5,33 @@
|
|||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
justify-content: space-between;
|
||||
padding: 1em;
|
||||
}
|
||||
box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
.site-masthead {display: flex; align-items: center;}
|
||||
.site-icon {width: 3em; height: 3em; border-radius: 100em; margin-right: 1em;}
|
||||
.site-title {margin-bottom: 0; line-height: 1; font-size: 1em;}
|
||||
.site-masthead {
|
||||
display: flex;
|
||||
flex-flow: row-reverse;
|
||||
align-items: center;
|
||||
padding: 1em 0;
|
||||
gap: 1em;
|
||||
flex: 1;
|
||||
}
|
||||
.site-icon {
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
border-radius: 100em;
|
||||
}
|
||||
.site-title {
|
||||
margin: 0;
|
||||
line-height: 1;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
body {
|
||||
margin-bottom: 64px;
|
||||
min-height: calc(100vh - 64px);
|
||||
.site-footer {
|
||||
padding-bottom: 4rem;
|
||||
@media (min-width: 960px) {
|
||||
margin-bottom: unset;
|
||||
min-height: 100vh;
|
||||
padding-bottom: unset;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -33,7 +45,7 @@ body {
|
|||
color: #777;
|
||||
z-index: 2;
|
||||
ul {
|
||||
height: 64px;
|
||||
height: 4em;
|
||||
max-width: 960px;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
|
|
@ -43,7 +55,7 @@ body {
|
|||
border-bottom: 4px solid #ddd;
|
||||
&.active {
|
||||
color: black;
|
||||
border-bottom: 4px solid #0060ff;
|
||||
border-bottom: 4px solid #06f;
|
||||
font-weight: 700;
|
||||
}
|
||||
a {
|
||||
|
|
@ -65,16 +77,6 @@ body {
|
|||
background: unset;
|
||||
margin-left: 6em;
|
||||
box-shadow: none;
|
||||
ul {
|
||||
li {
|
||||
border-bottom: 4px solid #ddd;
|
||||
color: #666;
|
||||
&.active {
|
||||
color: black;
|
||||
border-bottom: 4px solid #0060ff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
baseURL = "https://abdullahtarawneh.com"
|
||||
languageCode = "en-us"
|
||||
title = "Abdullah Tarawneh"
|
||||
enableGitInfo = true
|
||||
|
||||
[markup.goldmark.renderer]
|
||||
unsafe = true
|
||||
|
|
|
|||
|
|
@ -5,9 +5,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
{{ $styles := resources.Get "scss/main.scss" | toCSS | minify | fingerprint }}
|
||||
<link rel="stylesheet" href="{{ $styles.Permalink }}" integrity="{{ $styles.Data.Integrity }}" media="screen">
|
||||
{{ $style := resources.Get "scss/main.scss" | toCSS | minify | fingerprint }}
|
||||
{{ $js := resources.Get "js/main.js" | minify | minify | fingerprint }}
|
||||
<link rel="stylesheet" href="{{ $style.Permalink }}" integrity="{{ $style.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">
|
||||
<script type="text/javascript" src="{{ $js.Permalink }}" integrity="{{ $js.Data.Integrity }}"></script>
|
||||
<link rel="shortcut icon" href="/images/people/avatar.png" sizes="400x400">
|
||||
{{ if .IsPage }}<meta name="keywords" content='{{ delimit .Params.tags " "}}'>{{ end }}
|
||||
{{ if .IsHome }}<title>{{ .Site.Title }}</title>
|
||||
|
|
|
|||
|
|
@ -1,21 +1,42 @@
|
|||
<footer class="site-footer">
|
||||
<hr>
|
||||
<div class="container">
|
||||
<dl>
|
||||
<dt>email (smtp)</dt>
|
||||
<dd>a@trwnh.com</dd>
|
||||
<dt>chat (xmpp)</dt>
|
||||
<dd>a@trwnh.com</dd>
|
||||
<dt>social (activitypub)</dt>
|
||||
<dd><a href="https://mastodon.social/@trwnh" rel="me">mastodon.social/@trwnh</a></dd>
|
||||
</dl>
|
||||
<div class="external">
|
||||
<a href="https://github.com/trwnh"><i class="fa fa-github"></i></a>
|
||||
<a href="https://git.trwnh.com/a"><i class="fa fa-gitea"></i></a>
|
||||
<a href="https://birdsounds.media"><i class="fa fa-camera"></i></a>
|
||||
<a href="https://liberapay.com/trwnh"><i class="fa fa-liberapay"></i></a>
|
||||
<a href="https://patreon.com/trwnh"><i class="fa fa-patreon"></i></a>
|
||||
<a href="https://paypal.me/trwnh"><i class="fa fa-paypal"></i></a>
|
||||
<div class="about">
|
||||
<article class="vcard h-card">
|
||||
<div class="banner"><img src="/images/people/avatar.png" alt="me" class="photo u-photo"></div>
|
||||
<dl>
|
||||
<dt>full name</dt>
|
||||
<dd class="fn n p-name"><span class="given-name">abdullah</span> <span class="family-name">tarawneh</span></dd>
|
||||
<dt>preferred name</dt>
|
||||
<dd class="nickname p-nickname">a</dd>
|
||||
<dt>email (smtp)</dt>
|
||||
<dd><a href="mailto:a@trwnh.com" class="email u-email">a@trwnh.com</a></dd>
|
||||
<dt>chat (xmpp)</dt>
|
||||
<dd><a href="xmpp:a@trwnh.com" class="url u-impp">a@trwnh.com</a></dd>
|
||||
<dt>social (activitypub)</dt>
|
||||
<dd><a href="https://mastodon.social/@trwnh" rel="me" class="url u-url">mastodon.social/@trwnh</a></dd>
|
||||
<dt>notes</dt>
|
||||
<dd class="note p-note">i have approximate knowledge of many things. perpetual student. (nb/ace/they)</dd>
|
||||
</dl>
|
||||
</article>
|
||||
<div class="external-links">
|
||||
<a href="https://github.com/trwnh"><i class="fa fa-github"></i></a>
|
||||
<a href="https://git.trwnh.com/a"><i class="fa fa-gitea"></i></a>
|
||||
<a href="https://birdsounds.media"><i class="fa fa-camera"></i></a>
|
||||
<a href="https://liberapay.com/trwnh"><i class="fa fa-liberapay"></i></a>
|
||||
<a href="https://patreon.com/trwnh"><i class="fa fa-patreon"></i></a>
|
||||
<a href="https://paypal.me/trwnh"><i class="fa fa-paypal"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-copy">
|
||||
<h1>abdullahtarawneh.com</h1>
|
||||
<h2>latest change:</h2>
|
||||
<div class="git-lastcommit">
|
||||
<time datetime='{{ .Lastmod.Format "2006-01-02T15:04:05Z0700" }}'>{{ .Lastmod.UTC.Format "Mon, 2006 Jan 02 15:04:05 MST" }}</time>
|
||||
<p>{{ .GitInfo.Subject }}</p>
|
||||
<a href='https://git.trwnh.com/a/abdullahtarawneh.com/commit/{{ .GitInfo.Hash }}'>{{ .GitInfo.AbbreviatedHash }}</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</footer>
|
||||
BIN
static/images/logos/go-fed.png
Normal file
BIN
static/images/logos/go-fed.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
|
|
@ -27,7 +27,7 @@
|
|||
width="1920px"
|
||||
inkscape:zoom="0.63785073"
|
||||
inkscape:cx="662.38068"
|
||||
inkscape:cy="882.65165"
|
||||
inkscape:cy="631.80926"
|
||||
inkscape:window-width="2560"
|
||||
inkscape:window-height="1568"
|
||||
inkscape:window-x="0"
|
||||
|
|
@ -45,49 +45,48 @@
|
|||
inkscape:groupmode="layer"
|
||||
id="layer1">
|
||||
<path
|
||||
style="fill:#676767;fill-opacity:0.96892577;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||
d="m 348.24614,80.95213 c -5.41242,-0.746937 -10.77612,-0.09403 -15.98515,5.003474 -2.37812,8.531829 -1.94546,19.148096 -15.99578,19.023976 l 2.51635,-9.518576 c 4.20769,-0.606846 8.65698,-2.286033 14.22072,-14.586212 l 9.04996,-2.406065 z"
|
||||
style="fill:#676767;fill-opacity:0.968926;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||
d="m 348.24614,102.1188 c -5.41242,-0.74694 -10.77612,-0.094 -15.98515,5.00347 -2.37812,8.53184 -1.94546,19.14811 -15.99578,19.02399 l 2.51635,-9.51858 c 4.20769,-0.60685 8.65698,-2.28604 14.22072,-14.58622 l 9.04996,-2.406067 z"
|
||||
id="path19623"
|
||||
sodipodi:nodetypes="ccccccc" />
|
||||
<path
|
||||
id="path213"
|
||||
style="fill:#000000;stroke:none;stroke-width:0.999999px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:0.50011718"
|
||||
d="m 820.84961,342.94922 c -128.94767,-0.60759 -253.03704,72.54257 -253.39844,239.34766 -20.17013,35.20645 -46.08555,99.32265 -47.23437,159.79101 2.02295,11.47332 19.40041,24.12153 66.61132,18.55859 6.42524,12.09026 5.60528,23.65735 2.96876,36.79688 -11.4352,4.64213 -12.28543,29.5745 7.53906,37.79883 -14.97831,-1.23725 -14.308,43.63443 13.74023,42.7832 -8.62991,33.05677 -8.3168,73.55104 12.33594,79.04492 44.5547,18.53957 114.06837,-25.72898 135.71289,-7.38281 23.66419,17.14348 26.5089,99.0016 33.3125,130.8848 l 174.98633,1.2929 C 935.67546,1026.5801 890.54781,919.5706 922.35352,901.43945 1279.7357,564.11025 1043.0786,343.99633 820.84961,342.94922 Z m 29.68979,93.39717 c 14.63512,0.17287 28.53511,10.60918 22.59961,35.57421 l 53.04493,-13.04297 13.1582,48.0254 c -59.93503,-11.63411 -34.60416,76.86681 9.61133,37.31054 l 13.29297,48.48438 -54.63477,14.59179 c 12.16365,-58.81844 -76.33546,-32.71873 -36.19336,9.27344 l -54.68555,14.28906 -13.02539,-49.32421 c -46.30219,43.47741 -68.11603,-52.36743 -9.20703,-35.54297 L 781.76792,496.8249 835.3812,482.48115 c -26.33379,-27.33482 -4.89732,-46.37166 15.1582,-46.13476 z"
|
||||
transform="scale(0.26458333)"
|
||||
style="fill:#ffffff;fill-opacity:0.50011736;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||
d="m 217.18312,111.90532 c -34.1174,-0.16076 -66.94938,19.19356 -67.045,63.3274 -5.33668,9.31504 -12.19347,26.27912 -12.49743,42.27804 0.53524,3.03565 5.13303,6.38216 17.62425,4.9103 1.70001,3.19888 1.48306,6.25934 0.78548,9.73584 -3.02556,1.22823 -3.25052,7.82492 1.99471,10.00094 -3.96301,-0.32736 -3.78566,11.54494 3.63544,11.31972 -2.28333,8.74627 -2.20049,19.46038 3.26388,20.91397 11.78843,4.90526 30.18059,-6.80746 35.90737,-1.95337 6.26115,4.53588 7.01381,26.19417 8.81393,34.62993 l 46.29847,0.34208 c -8.40009,-14.62751 -20.34011,-42.94044 -11.92485,-47.73764 94.55736,-89.25168 31.94184,-147.49016 -26.85625,-147.76721 z m 7.85543,24.71134 c 3.87221,0.0457 7.54991,2.80701 5.97948,9.41234 l 14.0348,-3.45095 3.48144,12.70672 c -15.85781,-3.07819 -9.15568,20.33767 2.543,9.87175 l 3.5171,12.82815 -14.45545,3.86075 c 3.2183,-15.56238 -20.19709,-8.65683 -9.57616,2.4536 l -14.46889,3.78064 -3.4463,-13.05036 c -12.25079,11.5034 -18.02236,-13.85555 -2.43602,-9.40408 l -3.36879,-13.00696 14.18518,-3.79511 c -6.96748,-7.23234 -1.29575,-12.26917 4.01061,-12.20649 z"
|
||||
sodipodi:nodetypes="scccccccccccssccccccccccccs" />
|
||||
<path
|
||||
style="fill:#cdcdcd;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||
d="m 359.86574,88.538978 c -5.16698,-4.011455 -11.70521,-7.805244 -20.78098,-11.196233 l -8.3293,-0.06932 c -12.70745,15.768307 -22.99863,11.120777 -26.82278,9.02046 1.40757,-6.758224 3.01306,-13.489346 10.39337,-17.26611 l 22.90318,-3.146792 22.13552,6.78253 z"
|
||||
d="m 359.86574,109.70565 c -5.16698,-4.01146 -11.70521,-7.80525 -20.78098,-11.196237 l -8.3293,-0.0693 c -12.70745,15.768317 -22.99863,11.120777 -26.82278,9.020467 1.40757,-6.75823 3.01306,-13.489353 10.39337,-17.266117 l 22.90318,-3.146792 22.13552,6.78253 z"
|
||||
id="path14357"
|
||||
sodipodi:nodetypes="cccccccc" />
|
||||
<path
|
||||
style="fill:#9a9a9a;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||
d="m 342.05224,78.468727 -9.04996,2.406065 c -7.12457,17.944128 -15.55081,15.875659 -26.9806,12.370337 l 2.49172,-5.05274 c 11.29356,1.720775 17.24365,-6.337025 22.24206,-10.918965 l 8.3293,0.06932 z"
|
||||
d="m 342.05224,99.635393 -9.04996,2.406067 c -7.12457,17.94414 -15.55081,15.87567 -26.9806,12.37034 l 2.49172,-5.05274 c 11.29356,1.72078 17.24365,-6.33703 22.24206,-10.918967 l 8.3293,0.0693 z"
|
||||
id="path17811"
|
||||
sodipodi:nodetypes="ccccccc" />
|
||||
<path
|
||||
style="fill:#ffffff;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||
d="m 294.49347,51.286468 c 2.43526,16.477242 11.44453,17.124177 20.47047,17.730996 12.40127,1.472657 25.71636,1.121248 36.32073,6.18073 3.62135,2.434993 5.80547,5.344547 7.11909,8.541538 1.32731,7.175709 0.1792,11.78853 -1.13602,16.228351 l -16.92724,4.845937 c -22.01697,-5.612906 -28.7433,5.53446 -29.15695,13.88186 l 29.19706,4.60131 36.84145,-4.77375 25.97515,-6.06557 -7.14195,-28.240361 -3.93676,-1.405832 C 382.01374,71.811636 374.67878,66.530878 367.45801,61.485901 l -31.78757,-9.469594 z"
|
||||
d="m 294.49347,72.453136 c 2.43526,16.477242 11.44453,17.124177 20.47047,17.730996 12.40127,1.472657 25.71636,1.121248 36.32073,6.180731 3.62135,2.43499 5.80547,5.344547 7.11909,8.541537 1.32731,7.17571 0.1792,11.78854 -1.13602,16.22836 l -16.92724,4.84594 c -22.01697,-5.61291 -28.7433,5.53446 -29.15695,13.88186 l 29.19706,4.60131 36.84145,-4.77375 25.97515,-6.06557 -7.14195,-28.24037 -3.93676,-1.40584 C 382.01374,92.978304 374.67878,87.697546 367.45801,82.652569 l -31.78757,-9.469594 z"
|
||||
id="path8018"
|
||||
sodipodi:nodetypes="ccccccccccccccc" />
|
||||
<path
|
||||
style="fill:#ffff00;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||
d="m 283.00277,114.5878 -3.44611,-13.05062 c -12.25079,11.5034 -18.02249,-13.855183 -2.43615,-9.403711 l -3.36849,-13.007086 14.18518,-3.794998 c -12.05186,-12.509992 13.71257,-18.451269 9.99006,-2.794188 l 14.03482,-3.451275 3.48136,12.7069 c -15.85781,-3.078187 -9.15571,20.337688 2.54297,9.87175 l 3.51716,12.828348 -14.4553,3.86031 c 3.2183,-15.562388 -20.19737,-8.656827 -9.57644,2.45361 z"
|
||||
d="m 283.00277,135.75448 -3.44611,-13.05062 c -12.25079,11.5034 -18.02249,-13.85519 -2.43615,-9.40372 l -3.36849,-13.00709 14.18518,-3.794997 c -12.05186,-12.509992 13.71257,-18.451269 9.99006,-2.794188 l 14.03482,-3.451275 3.48136,12.7069 c -15.85781,-3.078187 -9.15571,20.3377 2.54297,9.87176 l 3.51716,12.82835 -14.4553,3.86031 c 3.2183,-15.56239 -20.19737,-8.65683 -9.57644,2.45361 z"
|
||||
id="path4641"
|
||||
sodipodi:nodetypes="ccccccccccccc" />
|
||||
<path
|
||||
style="fill:#163159;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||
d="m 404.16021,116.19686 -8.85211,-34.616145 3.59422,-0.398863 c 3.56243,11.265326 5.95568,22.530718 8.95257,33.857528 z"
|
||||
d="m 404.16021,137.36354 -8.85211,-34.61616 3.59422,-0.39886 c 3.56243,11.26533 5.95568,22.53073 8.95257,33.85754 z"
|
||||
id="path8680"
|
||||
sodipodi:nodetypes="ccccc" />
|
||||
<path
|
||||
style="fill:#15498b;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||
d="M 408.46888,118.83814 508.5609,90.499335 508.72172,78.565717 406.04275,108.50504 Z"
|
||||
d="M 408.46888,140.00482 508.5609,111.66601 508.72172,99.732383 406.04275,129.67172 Z"
|
||||
id="path11041"
|
||||
sodipodi:nodetypes="ccccc" />
|
||||
<path
|
||||
style="fill:#153e71;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||
d="m 397.60403,77.329855 8.43872,31.175185 102.67897,-29.939323 -0.69455,-30.565418 z"
|
||||
d="m 397.60403,98.496523 8.43872,31.175197 102.67897,-29.939337 -0.69455,-30.565416 z"
|
||||
id="path11505"
|
||||
sodipodi:nodetypes="ccccc" />
|
||||
</g>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 6.2 KiB After Width: | Height: | Size: 6.1 KiB |
BIN
static/images/sunset.jpg
Normal file
BIN
static/images/sunset.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 168 KiB |
Loading…
Reference in a new issue