WIP: footer and other stylings

This commit is contained in:
a 2021-12-22 23:32:17 -06:00
parent 496ebc4698
commit 0b910e48de
18 changed files with 198 additions and 170 deletions

View file

@ -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;
}
});
*/

View file

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

View file

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

View file

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

View file

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

View file

@ -1,30 +1,94 @@
.site-footer {
background: #ddd;
color: #212121;
background: white;
color: #535353;
hr {display: none;}
.container {
padding: 2em 1em;
position: relative;
padding: 1em;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
flex-flow: column;
justify-content: center;
align-items: center;
gap: 2em;
gap: 2rem;
@media (min-width: 38rem) {
display: grid;
grid-template-columns: 18rem 1fr;
}
dt {font-weight: 700; margin-bottom: 0.25rem;}
dd {margin-bottom: 0.5em;}
a {color: inherit;}
.external {
}
.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;
height: 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;
}
}
i {font-size: 2em; }
}

View file

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

View file

@ -1,6 +1,7 @@
baseURL = "https://abdullahtarawneh.com"
languageCode = "en-us"
title = "Abdullah Tarawneh"
enableGitInfo = true
[markup.goldmark.renderer]
unsafe = true

View file

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

View file

@ -1,15 +1,25 @@
<footer class="site-footer">
<hr>
<div class="container">
<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@trwnh.com</dd>
<dd><a href="mailto:a@trwnh.com" class="email u-email">a@trwnh.com</a></dd>
<dt>chat (xmpp)</dt>
<dd>a@trwnh.com</dd>
<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">mastodon.social/@trwnh</a></dd>
<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>
<div class="external">
</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>
@ -18,4 +28,15 @@
<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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.7 KiB

View file

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 168 KiB