mutstd note and more style stuff
This commit is contained in:
parent
cfa27354b3
commit
370411535d
2
Makefile
2
Makefile
|
|
@ -3,7 +3,7 @@ CSS = style.css
|
|||
PAGES = index.html
|
||||
IMAGES = \
|
||||
mlem.gif icon.png niss_uwu_bg.png \
|
||||
star_small.png sparkles_large.png
|
||||
star_small.png sparkles_large.png niss_wave_small.png
|
||||
|
||||
BUILDDIR ?= _build
|
||||
TMPDIR ?= _tmp
|
||||
|
|
|
|||
|
|
@ -62,3 +62,11 @@
|
|||
</dl>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<img src=niss_wave_small.png alt='' class=emojo>
|
||||
this site uses
|
||||
<a href=https://mutant.tech>mutant standard</a>
|
||||
emoji, which are licensed
|
||||
<a href=https://creativecommons.org/licenses/by-nc-sa/4.0/>cc-by-nc-sa 4</a>
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,67 @@
|
|||
<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
clip-rule="evenodd"
|
||||
fill-rule="evenodd"
|
||||
stroke-linejoin="round"
|
||||
stroke-miterlimit="2"
|
||||
viewBox="0 0 32 32"
|
||||
version="1.1"
|
||||
id="svg14"
|
||||
sodipodi:docname="niss_wave.svg"
|
||||
inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
|
||||
<defs
|
||||
id="defs18" />
|
||||
<sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="711"
|
||||
inkscape:window-height="480"
|
||||
id="namedview16"
|
||||
showgrid="false"
|
||||
inkscape:zoom="7.375"
|
||||
inkscape:cx="16"
|
||||
inkscape:cy="16"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="svg14" />
|
||||
<metadata
|
||||
id="metadata2">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<path
|
||||
d="m0 0h32v32h-32z"
|
||||
fill="none"
|
||||
id="path4" />
|
||||
<path
|
||||
d="m3.695 26c-.513-.791-.607-1.826-.155-2.73.28-.559.725-.982 1.247-1.238-1.325-1.232-1.657-3.264-.69-4.878.061-.103.127-.203.197-.297-.068-.084-.132-.171-.193-.26-.677-1.001-.854-2.293-.471-3.439.136-.406.34-.789.599-1.13.267-.35.592-.654.959-.896.219-.144.452-.266.696-.363-.076-.322-.111-.654-.103-.985.012-.488.115-.973.304-1.423.17-.405.409-.781.704-1.107.287-.318.626-.589 1-.797.902-.503 1.984-.622 2.971-.346.173-.574.475-1.109.89-1.551.293-.313.638-.576 1.016-.778.388-.206.81-.347 1.245-.414.465-.071.943-.058 1.404.04.108-.496.355-.967.74-1.353.74-.739 1.797-.969 2.733-.69.08-.108.169-.212.267-.31 1.074-1.073 2.816-1.073 3.89 0l2 2c1.073 1.074 1.073 2.816 0 3.89-.124.123-.256.232-.395.327 2.008.362 3.533 2.12 3.533 4.231v6.379c0 2.149-.703 4.226-1.982 5.923-.091.177-.212.343-.361.492 0 0-.042.043-.119.12l-.18.174c-.078.085-.158.168-.24.25-.109.108-.226.201-.351.279-3.109 2.596-7.332 3.351-11.106 2.072-.025.351-.117.704-.284 1.038-.373.746-1.041 1.248-1.792 1.437-.047.191-.117.38-.208.563-.679 1.357-2.332 1.908-3.69 1.23l-3-1.5c-1.357-.679-1.908-2.332-1.23-3.69.047-.094.099-.184.155-.27z"
|
||||
id="path6" />
|
||||
<path
|
||||
d="m14.406 10.795-1.542-2.571c-.123-.207-.208-.433-.248-.67-.097-.583.088-1.195.493-1.626.143-.153.312-.282.497-.381.19-.101.396-.17.608-.202.236-.036.479-.028.712.025.24.054.47.154.672.294.224.155.41.357.551.589l5.336 8.894v-3.644c0-1.269 1.03-2.299 2.299-2.299s2.299 1.03 2.299 2.299v6.379c0 1.823-.634 3.58-1.781 4.976l.024.025s-.043.042-.12.119c-.063.064-.128.127-.193.189-.074.08-.149.158-.226.235 0 .001-.001.001-.001.001l-.015-.016c-3.101 2.739-7.645 3.181-11.233 1.032-2.945-1.763-6.067-3.633-6.067-3.633-.907-.544-1.202-1.721-.659-2.628.27-.451.696-.75 1.167-.871l4.257 3.041c.042.029.089.051.139.062.156.035.321-.033.407-.168.024-.037.041-.079.051-.122.01-.045.012-.092.005-.138-.007-.049-.023-.096-.048-.139-.027-.047-.065-.087-.108-.119l-5.895-4.21c-.01-.014-.02-.028-.029-.042-.332-.49-.419-1.122-.231-1.683.066-.199.166-.387.293-.554.131-.171.289-.319.468-.437.2-.132.424-.225.658-.275.241-.051.491-.055.734-.012.268.047.521.153.746.305l1.326.908 3.197 3.196c.039.038.084.068.135.088.046.017.096.025.145.024.046-.001.092-.01.135-.028.041-.016.08-.04.113-.07.118-.107.158-.281.098-.429-.019-.048-.048-.09-.084-.127l-5.152-5.151c-.19-.193-.34-.422-.436-.676-.087-.23-.128-.477-.122-.723.005-.239.056-.477.148-.697.083-.198.2-.381.344-.541.141-.155.307-.288.49-.39.517-.288 1.154-.319 1.697-.084.22.096.419.234.59.403l4.709 4.709.17.17c.037.036.079.065.127.084.148.06.322.02.429-.098.03-.033.054-.072.07-.113.018-.043.027-.089.028-.135.001-.049-.007-.098-.024-.145-.02-.051-.05-.096-.088-.135z"
|
||||
fill="#00e2d7"
|
||||
id="path8" />
|
||||
<path
|
||||
d="m5.665 28.171 3 1.5c.37.185.821.035 1.006-.336.185-.37.035-.821-.336-1.006l-3-1.5c-.37-.185-.821-.035-1.006.336-.185.37-.035.821.336 1.006zm0-3 5 2.5c.37.185.821.035 1.006-.336.185-.37.035-.821-.336-1.006l-5-2.5c-.37-.185-.821-.035-1.006.336-.185.37-.035.821.336 1.006zm11.805-20.641 3 3c.292.293.768.293 1.06 0 .293-.292.293-.768 0-1.06l-3-3c-.292-.293-.768-.293-1.06 0-.293.292-.293.768 0 1.06zm3-1 2 2c.292.293.768.293 1.06 0 .293-.292.293-.768 0-1.06l-2-2c-.292-.293-.768-.293-1.06 0-.293.292-.293.768 0 1.06z"
|
||||
fill="#565656"
|
||||
id="path12" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.7 KiB |
47
style.css
47
style.css
|
|
@ -49,11 +49,10 @@ h1 {
|
|||
}
|
||||
|
||||
#mlem {
|
||||
margin: 36px auto 0;
|
||||
margin: 36px auto -50px;
|
||||
position: relative;
|
||||
height: 219px;
|
||||
width: 420px;
|
||||
z-index: 1;
|
||||
}
|
||||
.mlem-text {
|
||||
position: absolute;
|
||||
|
|
@ -64,24 +63,19 @@ h1 {
|
|||
.nisse { bottom: 85%; right: 0; }
|
||||
#mlem img {
|
||||
filter: drop-shadow(0 0 30px hsla(52deg, 85%, 95%, 75%));
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
header {
|
||||
margin: -20pt 0 0 0;
|
||||
margin: 0;
|
||||
ruby-position: under;
|
||||
}
|
||||
header h1 {
|
||||
margin-top: 0;
|
||||
}
|
||||
header rt {
|
||||
font-size: 60%;
|
||||
font-style: italic;
|
||||
}
|
||||
header rt::before, header rt::after {
|
||||
content: url(star_small.png);
|
||||
mix-blend-mode: overlay;
|
||||
height: 1em;
|
||||
padding: 0 0.25em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
hr {
|
||||
height: 2px;
|
||||
|
|
@ -119,9 +113,32 @@ a {
|
|||
text-decoration: none;
|
||||
}
|
||||
|
||||
main h2::before, main h2::after {
|
||||
content: url(sparkles_large.png);
|
||||
vertical-align: middle;
|
||||
padding: 0 0.25em;
|
||||
header rt::before, header rt::after,
|
||||
section h2::before, section h2::after {
|
||||
mix-blend-mode: overlay;
|
||||
padding: 0 0.25em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
header rt::before, header rt::after { content: url(star_small.png); }
|
||||
section h2::before, section h2::after { content: url(sparkles_large.png); }
|
||||
|
||||
.emojo {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
footer {
|
||||
background: hsla(0, 0%, 100%, 70%);
|
||||
max-width: 35em;
|
||||
margin: 2em auto 0;
|
||||
padding: 0.25em 0.75em;
|
||||
border-radius: 0.5em;
|
||||
font-size: 85%;
|
||||
|
||||
color: black;
|
||||
text-shadow: none;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
footer a {
|
||||
color: hsl(254deg, 50%, 50%);
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue