flexify footer

This commit is contained in:
nek0 2019-09-11 00:12:32 +02:00
parent 9b5fe7738c
commit 2c3edc802e
2 changed files with 49 additions and 33 deletions

View File

@ -180,12 +180,27 @@ footer {
bottom: 0;
padding: 20px;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 0.5em;
padding-bottom: 5px;
margin: 0;
}
footer span {
padding-left: 40px;
footer ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: center;
list-style: none;
padding: 0;
margin: 0;
}
footer ul li {
display: inline-block;
text-align: center;
width: auto;
padding: 0;
margin: 0;
}
footer span img {

View File

@ -94,35 +94,36 @@
</div>
<footer>
<hr>
<span>
<svg class="bitcoin" width="1em" height="1em" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1423 640q18 182-131 258 117 28 175 103t45 214q-7 71-32.5 125t-64.5 89-97 58.5-121.5 34.5-145.5 15v255h-154v-251q-80 0-122-1v252h-154v-255q-18 0-54-.5t-55-.5h-200l31-183h111q50 0 58-51v-402h16q-6-1-16-1v-287q-13-68-89-68h-111v-164l212 1q64 0 97-1v-252h154v247q82-2 122-2v-245h154v252q79 7 140 22.5t113 45 82.5 78 36.5 114.5zm-215 545q0-36-15-64t-37-46-57.5-30.5-65.5-18.5-74-9-69-3-64.5 1-47.5 1v338q8 0 37 .5t48 .5 53-1.5 58.5-4 57-8.5 55.5-14 47.5-21 39.5-30 24.5-40 9.5-51zm-71-476q0-33-12.5-58.5t-30.5-42-48-28-55-16.5-61.5-8-58-2.5-54 1-39.5.5v307q5 0 34.5.5t46.5 0 50-2 55-5.5 51.5-11 48.5-18.5 37-27 27-38.5 9-51z"/></svg>: Bitcoin donations welcome:
<a href="bitcoin:1NGNd6tQdMbRtCNdncmXjVmG33xdnWMfcK?label=feed the cat">
1NGNd6tQdMbRtCNdncmXjVmG33xdnWMfcK
</a>
</span>
<span>
<a href="http://www.w3.org/html/logo/">
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<title>HTML5 Logo Badge</title>
<path d="m71 460l-41-460h451l-41 460-185 52" fill="#E34F26"/>
<path d="m256 472l149-41 35-394h-184" fill="#EF652A"/>
<path d="m256 208h-75l-5-58h80v-56h-1-141l1 15 14 156h127zm0 147h-1l-63-17-4-45h-30-26l7 89 116 32h1z" fill="#EBEBEB"/>
<path d="m255 208v57h70l-7 73-63 17v59l116-32 1-10 13-149 2-15h-16zm0-114v35 21h137l1-12 3-29 1-15z" fill="#FFF"/>
</svg>
</a>
</span>
<span>
Feeds:<a href="/atom.xml"> <svg class="feed" id="feed" width="1em" height="1em" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M576 1344q0 80-56 136t-136 56-136-56-56-136 56-136 136-56 136 56 56 136zm512 123q2 28-17 48-18 21-47 21h-135q-25 0-43-16.5t-20-41.5q-22-229-184.5-391.5t-391.5-184.5q-25-2-41.5-20t-16.5-43v-135q0-29 21-47 17-17 43-17h5q160 13 306 80.5t259 181.5q114 113 181.5 259t80.5 306zm512 2q2 27-18 47-18 20-46 20h-143q-26 0-44.5-17.5t-19.5-42.5q-12-215-101-408.5t-231.5-336-336-231.5-408.5-102q-25-1-42.5-19.5t-17.5-43.5v-143q0-28 20-46 18-18 44-18h3q262 13 501.5 120t425.5 294q187 186 294 425.5t120 501.5z"/></svg>Atom</a> |
<a href="/rss.xml"> <svg class="feed" width="1em" height="1em" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M576 1344q0 80-56 136t-136 56-136-56-56-136 56-136 136-56 136 56 56 136zm512 123q2 28-17 48-18 21-47 21h-135q-25 0-43-16.5t-20-41.5q-22-229-184.5-391.5t-391.5-184.5q-25-2-41.5-20t-16.5-43v-135q0-29 21-47 17-17 43-17h5q160 13 306 80.5t259 181.5q114 113 181.5 259t80.5 306zm512 2q2 27-18 47-18 20-46 20h-143q-26 0-44.5-17.5t-19.5-42.5q-12-215-101-408.5t-231.5-336-336-231.5-408.5-102q-25-1-42.5-19.5t-17.5-43.5v-143q0-28 20-46 18-18 44-18h3q262 13 501.5 120t425.5 294q187 186 294 425.5t120 501.5z"/></svg>RSS</a>
</span>
<span>
Site proudly generated by
<a href="http://jaspervdj.be/hakyll">Hakyll</a>
</span>
<span>
<a href="/imprint.html">Impressum / Datenschutz</a>
</span>
<br>
<ul>
<li>
<svg class="bitcoin" width="1em" height="1em" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1423 640q18 182-131 258 117 28 175 103t45 214q-7 71-32.5 125t-64.5 89-97 58.5-121.5 34.5-145.5 15v255h-154v-251q-80 0-122-1v252h-154v-255q-18 0-54-.5t-55-.5h-200l31-183h111q50 0 58-51v-402h16q-6-1-16-1v-287q-13-68-89-68h-111v-164l212 1q64 0 97-1v-252h154v247q82-2 122-2v-245h154v252q79 7 140 22.5t113 45 82.5 78 36.5 114.5zm-215 545q0-36-15-64t-37-46-57.5-30.5-65.5-18.5-74-9-69-3-64.5 1-47.5 1v338q8 0 37 .5t48 .5 53-1.5 58.5-4 57-8.5 55.5-14 47.5-21 39.5-30 24.5-40 9.5-51zm-71-476q0-33-12.5-58.5t-30.5-42-48-28-55-16.5-61.5-8-58-2.5-54 1-39.5.5v307q5 0 34.5.5t46.5 0 50-2 55-5.5 51.5-11 48.5-18.5 37-27 27-38.5 9-51z"/></svg>: Bitcoin donations welcome:
<a href="bitcoin:1NGNd6tQdMbRtCNdncmXjVmG33xdnWMfcK?label=feed the cat">
1NGNd6tQdMbRtCNdncmXjVmG33xdnWMfcK
</a>
</li>
<li>
<a href="http://www.w3.org/html/logo/">
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<title>HTML5 Logo Badge</title>
<path d="m71 460l-41-460h451l-41 460-185 52" fill="#E34F26"/>
<path d="m256 472l149-41 35-394h-184" fill="#EF652A"/>
<path d="m256 208h-75l-5-58h80v-56h-1-141l1 15 14 156h127zm0 147h-1l-63-17-4-45h-30-26l7 89 116 32h1z" fill="#EBEBEB"/>
<path d="m255 208v57h70l-7 73-63 17v59l116-32 1-10 13-149 2-15h-16zm0-114v35 21h137l1-12 3-29 1-15z" fill="#FFF"/>
</svg>
</a>
</li>
<li>
Feeds:<a href="/atom.xml"> <svg class="feed" id="feed" width="1em" height="1em" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M576 1344q0 80-56 136t-136 56-136-56-56-136 56-136 136-56 136 56 56 136zm512 123q2 28-17 48-18 21-47 21h-135q-25 0-43-16.5t-20-41.5q-22-229-184.5-391.5t-391.5-184.5q-25-2-41.5-20t-16.5-43v-135q0-29 21-47 17-17 43-17h5q160 13 306 80.5t259 181.5q114 113 181.5 259t80.5 306zm512 2q2 27-18 47-18 20-46 20h-143q-26 0-44.5-17.5t-19.5-42.5q-12-215-101-408.5t-231.5-336-336-231.5-408.5-102q-25-1-42.5-19.5t-17.5-43.5v-143q0-28 20-46 18-18 44-18h3q262 13 501.5 120t425.5 294q187 186 294 425.5t120 501.5z"/></svg>Atom</a> |
<a href="/rss.xml"> <svg class="feed" width="1em" height="1em" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M576 1344q0 80-56 136t-136 56-136-56-56-136 56-136 136-56 136 56 56 136zm512 123q2 28-17 48-18 21-47 21h-135q-25 0-43-16.5t-20-41.5q-22-229-184.5-391.5t-391.5-184.5q-25-2-41.5-20t-16.5-43v-135q0-29 21-47 17-17 43-17h5q160 13 306 80.5t259 181.5q114 113 181.5 259t80.5 306zm512 2q2 27-18 47-18 20-46 20h-143q-26 0-44.5-17.5t-19.5-42.5q-12-215-101-408.5t-231.5-336-336-231.5-408.5-102q-25-1-42.5-19.5t-17.5-43.5v-143q0-28 20-46 18-18 44-18h3q262 13 501.5 120t425.5 294q187 186 294 425.5t120 501.5z"/></svg>RSS</a>
</li>
<li>
Site proudly generated by
<a href="http://jaspervdj.be/hakyll">Hakyll</a>
</li>
<li>
<a href="/imprint.html">Impressum / Datenschutz</a>
</li>
</ul>
</footer>
</body>
</html>