dakotablair
/
tilde.club
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added projects section and periodic table link.

This commit is contained in:
Dakota Blair 2021-07-22 06:20:02 -07:00
parent 1e68071c8b
commit a4d1e1ddf4
2 changed files with 32 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
index.tmpl.html
View File

@ -102,6 +102,26 @@
</ul>
</section>
<hr />
<section id="projects">
<h1>Projects</h1>
<p>
These projects are my latest attempts at advancing the shared quest to
build awesome web pages. I hope you find them entertaining, if not useful.
If you do find them useful, or have suggestions to make them better,
please <a href="mailto:ddb@tilde.club">pass them along to me</a>!
</p>
<dl>
<dt><a href="./pt/">The Periodic Table</a></dt>
<dd>
This project shows a familiar friend in a new light. It presents the
familiar periodic table as a spatial object, invoking
<a href="https://en.wikipedia.org/wiki/Method_of_loci">the method of loci</a>.
I hope it serves as an aid to learn more basic facts about these
chemical elements.
</dd>
</dl>
</section>
<hr />
<section id="bash">
<h1>Fun bash one liners</h1>
<dl>

12
tilde.css
View File

@ -159,6 +159,18 @@ o888o o888o `Y8bod8P` `Y888""8o `Y8bod88P" o888o o888o o888o `8oooooo. 8""888P
transform: translateX(20ch) translateY(calc(-3*var(--font-size))) scale(.5);
}
body.ascii #projects h1::before {
content: '\
[H_] [He]\A\
[Li][Be] [B_][C_][N_][O_][F_][Ne]\A\
[Na][Mg] [Al][Si][P_][S_][Cl][Ar]\A\
[K_][Ca] [Sc][Ti][V_][Cr][Mn][Fe][Co][Ni][Cu][Zn][Ga][Ge][As][Se][Br][Kr]\A\
[Rb][Sr] [Y_][Zr][Nb][Mo][Tc][Ru][Rh][Pd][Ag][Cd][In][Sn][Sb][Te][I_][Xe]\A\
[Cs][Ba][La][Ce][Pr][Nd][Pm][Sm][Eu][Gd][Tb][Dy][Ho][Er][Tm][Yb][Lu][Hf][Ta][W_][Re][Os][Ir][Pt][Au][Hg][Tl][Pb][Bi][Po][At][Rn]\A\
[Fr][Ra][Ac][Th][Pa][U_][Np][Pu][Am][Cm][Bk][Cf][Es][Fm][Md][No][Lr][Rf][Db][Sg][Bh][Hs][Mt][Ds][Rg][Cn][Nh][Fl][Mc][Lv][Ts][Og]';
transform: translateX(32ch) translateY(calc(-3.5*var(--font-size))) scale(.5);
}
#readings h1 {
margin-bottom: calc(4*var(--font-size));
}