flexify footer
This commit is contained in:
parent
9b5fe7738c
commit
2c3edc802e
2 changed files with 49 additions and 33 deletions
|
@ -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 {
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue