erin/webring-static
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

add images

Browse source
This commit is contained in:
Erin 2023-07-19 17:50:45 -04:00
parent e8fe8ca80a
commit 82c1b093cc
4 changed files with 25 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
out/index.html
View file

@ -8,6 +8,13 @@
</head> </head>
<body> <body>
<main> <main>
<div class="silly-little-images">
<!-- todo setting dimensions manually is bad but there's no good
way to scale an image up by a percentage in css so we just hope
that we never use a pixel scale other than 2 -->
<img src="https://i.eritbh.me/temp/umbreon.png" width="48" height="58" alt="an umbreon getting ready to pounce">
<img src="https://i.eritbh.me/temp/kate.png" width="54" height="86" alt="the female protagonist of Pokemon Ranger: Shadows of Almia doing her ranger pose">
</div>
<div class="textbox textbox--simple textbox--yellow"> <div class="textbox textbox--simple textbox--yellow">
<div class="textbox__text"> <div class="textbox__text">
Welcome to <span class="color color--red">webring.umbreon.online</span>! Welcome to <span class="color color--red">webring.umbreon.online</span>!

12
out/style.css
View file

@ -192,12 +192,14 @@ ul {
list-style-type: "· "; list-style-type: "· ";
} }
.theme-options-grid { .silly-little-images {
display: flex; display: flex;
flex-wrap: wrap; justify-content: center;
width: 186rem; align-items: flex-end;
gap: 8rem 6rem; margin-bottom: 1em;
padding: 4rem 3rem; }
.silly-little-images img {
image-rendering: crisp-edges;
} }
/*# sourceMappingURL=style.css.map */ /*# sourceMappingURL=style.css.map */

2
out/style.css.map
View file

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["../style.scss"],"names":[],"mappings":";AACA;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EAEC;EAGA;EAIA;AAAA;AAAA;AAAA;AAAA;AAAA;;;AASD;EACC;EACA,aACC;;;AAMF;EACC;EACA;EACA;EACA;EAEA;EACA;EACA;;;AAGD;EACC;EACA;;;AAID;EAKC;EAEA;EACA;;AAIA;EAEC;EACA;EAIA;EAGA;EACA;EAGA;;AAGA;EAEC;EACA;EACA;EACA;EACA;EACA;EAIA;EAMA;EAGA,YAEA;;AAqBD;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;AAKD;EACC;;AAEA;EACC;;AAED;EACC;;AAGD;EACC;EACA;;AAMH;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAOD;EAGC;EAIA;EACA;EACA;EAGA,YACQ;EAOR;EAGA;EAGA;EAEA;;AAUE;EACF;EACM;EACA;EAEN;EACM;EACA;EACA;EACA;EACA;EACA,YAGI;;AAkCV;EACC;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;;AAGF;EAjEE;IAkED;;;;AASF;EACC;EACA;;AAGD;EACC;EACA;;;AAKF;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;;;AAID;EACC;EACA;EACA;EACA;EACA","file":"style.css"} {"version":3,"sourceRoot":"","sources":["../style.scss"],"names":[],"mappings":";AACA;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EAEC;EAGA;EAIA;AAAA;AAAA;AAAA;AAAA;AAAA;;;AASD;EACC;EACA,aACC;;;AAMF;EACC;EACA;EACA;EACA;EAEA;EACA;EACA;;;AAGD;EACC;EACA;;;AAID;EAKC;EAEA;EACA;;AAIA;EAEC;EACA;EAIA;EAGA;EACA;EAGA;;AAGA;EAEC;EACA;EACA;EACA;EACA;EACA;EAIA;EAMA;EAGA,YAEA;;AAqBD;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;AAKD;EACC;;AAEA;EACC;;AAED;EACC;;AAGD;EACC;EACA;;AAMH;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAOD;EAGC;EAIA;EACA;EACA;EAGA,YACQ;EAOR;EAGA;EAGA;EAEA;;AAUE;EACF;EACM;EACA;EAEN;EACM;EACA;EACA;EACA;EACA;EACA,YAGI;;AAkCV;EACC;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;;AAGF;EAjEE;IAkED;;;;AASF;EACC;EACA;;AAGD;EACC;EACA;;;AAKF;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC","file":"style.css"}

16
style.scss
View file

@ -338,11 +338,15 @@ ul {
list-style-type: "· "; list-style-type: "· ";
} }
// misc shit .silly-little-images {
.theme-options-grid {
display: flex; display: flex;
flex-wrap: wrap; justify-content: center;
width: 186rem; align-items: flex-end;
gap: 8rem 6rem; margin-bottom: 1em;
padding: 4rem 3rem;
img {
image-rendering: crisp-edges;
// transform: scale(calc(100% * var(--pixel-scale)));
// transform-origin: bottom;
}
} }