Browse Source

update site to match projects page

master
katherine 2 years ago
parent
commit
1705f310d6
  1. 4
      art/index.php
  2. 6
      blog/index.php
  3. 28
      index.php
  4. 185
      main.scss
  5. 2
      sitemap.xml

4
art/index.php

@ -14,7 +14,7 @@
$dirs = array_filter(array_diff(scandir('.'), array('..', '.')), 'is_dir');
if( in_array($page, $dirs, TRUE) ) {
if(isset($page) && in_array($page, $dirs, TRUE) ) {
$files = array_map('basename', array_filter(glob($_SERVER['DOCUMENT_ROOT']
. "/art/$page/full/*")) );
@ -52,7 +52,7 @@
</span>
<span id="header-rhs">
<a class="header-sel" href="/art/">art</a>
<a href="/writing/">writing</a>
<a href="/projects/">projects</a>
<a href="/blog/">blog</a>
</span>
</nav>

6
blog/index.php

@ -15,7 +15,7 @@
* database, ah s'poose */
$entries = array_map('basename', array_filter(glob('html/*')) );
if( array_key_exists($page, $entries) ) {
if(isset($page) && array_key_exists($page, $entries) ) {
/* try to display a specific entry */
preg_match("/-.*$/", $entries[$page], $matches);
$title=$matches[0];
@ -57,7 +57,7 @@
</span>
<span id="header-rhs">
<a href="/art/">art</a>
<a href="/writing/">writing</a>
<a href="/projects/">projects</a>
<a class="header-sel" href="/blog/">blog</a>
</span>
</nav>
@ -66,7 +66,7 @@
<main class="appear">
<section>
<?php
if( array_key_exists($page, $entries) ) {
if(isset($page) && array_key_exists($page, $entries) ) {
echo '<h2>' . $title . '</h2>';
echo '<div id="blog-body">';

28
index.php

@ -4,7 +4,7 @@
<title>哀憐の実験 - katherine's internet presence</title>
<meta name="description" content="katherine's internet presence">
<meta name="keywords" content="katherine,ageha,shmibs,summary">
<meta name="keywords" content="katherine,ageha,summary">
<meta property="og:type" content="website" />
<meta property="og:title" content="隠語 spoken here" />
@ -28,7 +28,7 @@
</span>
<span id="header-rhs">
<a href="/art/">art</a>
<a href="/writing/">writing</a>
<a href="/projects/">projects</a>
<a href="/blog/">blog</a>
</span>
</nav>
@ -57,33 +57,17 @@
<h2>Contact</h2>
<p>the most effective means of contact is via the nick
“shmibs” on most large IRC networks. failing that, mailing to
“shmibs” at this domain works as well. would love to hear from
you!</p>
<p>email can be sent to the user “ageha” at this domain. would
love to hear from you!</p>
<div class="bcentre mono"><p>PGP EMAIL:
39759E01FB9724065C494505399A2D857F3082BB<br />PGP OTHER:
C3DE7752DE2913B8CD56A2352A93AF3EA71C905F</p></div>
E5746B325EA34FC564326BC0613A55134EB4F4E6<br />PGP OTHER:
56706B8B811AD0B488E1FFD062E17859D559AEF3</p></div>
<p class="links"></p>
</section>
<section>
<h2>Presence Elsewhere</h2>
<p class="links">
<a href="https://github.com/shmibs">github</a>
<a href="https://listenbrainz.org/user/shmibs">listenbrainz</a>
<a href="https://www.librarything.com/profile/shmibs">librarything</a>
<a href="https://liberapay.com/shmibs/">liberapay</a>
<a href="https://exercism.io/profiles/shmibs">exercism</a>
</p>
</section>
</main>
</body>

185
main.scss

@ -69,14 +69,15 @@ $c_bwhit: rgb(253, 248, 248);
$c_dwhit: rgb(230, 231, 226);
// $c_cwhit: rgb(250, 241, 226); colour for transparent paper
$c_cwhit: rgb(222, 214, 200);
$c_black: rgb(16, 20, 28);
$c_dblck: rgb(0, 0, 0);
$c_black: rgb(19, 23, 30);
$c_dblck: rgb(16, 20, 28);
$c_ggrey: rgb(190, 195, 188);
$c_dgrey: rgb(134, 153, 155);
$c_ddgry: rgb(64, 83, 85);
$c_imgbg: rgba(210, 190, 190, 0.2);
/* shadows */
$s_lgt: 0px 1px 3px rgba(0, 0, 0, 0.1);
$s_sml: 0px 1px 2px rgba(0, 0, 0, 0.4);
$s_mid: 0px 1px 3px rgba(0, 0, 0, 0.5);
$s_big: 0px 1.5px 6px rgba(0, 0, 0, 0.5);
@ -85,7 +86,7 @@ $s_wht: 0px 1.3px 2px rgba(256, 256, 256, 0.8);
/* borders */
$b_whit: 1px solid $c_cwhit;
$b_dash: 1px dashed $c_ggrey;
$b_dash: 1px dashed $c_black;
$b_bdsh: 1px dashed $c_black;
$b_bsol: 1px solid $c_black;
$b_bsdg: 1px solid $c_ddgry;
@ -143,6 +144,11 @@ body {
padding: 0;
font-family: $f_norm;
h3 {
margin-top: 1em;
margin-bottom: 0.5em;
}
}
a {
@ -253,6 +259,7 @@ main {
padding: 1rem;
min-height: 100%;
text-shadow: $s_lgt;
font-size: $fs_web;
}
@ -261,12 +268,30 @@ section {
left: auto;
right: auto;
}
padding : {
left: 1em;
right: 1em;
bottom: 0em;
top: 0em;
}
max-width: 48rem;
padding: 1rem;
}
section:first-of-type {
padding-top: 2.5rem;
}
section:not(:last-of-type) {
padding-bottom: 2.5rem;
}
border-bottom: $b_dash;
section:not(:first-of-type)::before {
position: absolute;
left: 50%;
transform: translate(-50%, -3.5rem);
font-size: 1.3em;
content: ".\00a0\00a0\00a0\00a0\00a0.\00a0\00a0\00a0\00a0\00a0."
}
section:last-of-type {
@ -423,33 +448,6 @@ blockquote {
padding-left: 1em;
}
.centre {
text-align: center;
display: flex;
flex-direction: row;
justify-content: center;
}
.bcentre {
display: flex;
flex-direction: row;
justify-content: center;
}
.left {
text-align: left;
display: flex;
flex-direction: row;
justify-content: flex-start;
}
.right {
text-align: right;
display: flex;
flex-direction: row;
justify-content: flex-end;
}
section {
img, video, audio {
margin : {
@ -563,15 +561,110 @@ section {
}
}
.float-left {
/* floats */
body .left {
margin : {
top: 0em;
bottom: 0.5em;
left: 0.5em;
right: 1em;
}
padding: 0;
float: left;
margin-right: 1em;
max-width: 35%;
}
.float-right {
body .left-thumb {
margin : {
top: 0em;
bottom: 0.5em;
left: 0.5em;
right: 0.75em;
}
padding: 0;
float: left;
max-width: 10%;
}
body .right {
margin : {
top: 0em;
bottom: 0.5em;
left: 1em;
right: 0.5em;
}
margin-left: 1em;
padding: 0;
float: right;
max-width: 35%;
}
body .right-thumb {
margin : {
top: 0em;
bottom: 0.5em;
left: 0.75em;
right: 0.5em;
}
margin-left: 1em;
padding: 0;
float: right;
max-width: 10%;
}
body .left-thumb img {
margin: 0;
padding: 0;
}
body .left img {
margin: 0;
padding: 0;
}
body .right-thumb img {
margin: 0;
padding: 0;
}
body .right img {
margin: 0;
padding: 0;
}
body p {
display: flow-root;
}
/* end floats */
.project-table {
td {
vertical-align: top;
}
td:nth-child(1) {
text-align: right;
}
td:nth-child(2) {
font-weight: bold;
}
td:nth-child(2)::before {
content: "-\00a0";
}
td:nth-child(3)::before {
content: ":\00a0";
}
}
}
/* once supported, use (max-aspect-ratio: 7/8) and (not (aspect-ratio: 7/8)) */
@ -662,6 +755,28 @@ section {
right: .3em;
}
}
.project-table {
padding-left: 0.5em;
tr {
display: flex;
flex-direction: column;
}
td {
margin: 0;
padding: 0;
}
tr:not(:nth-child(1)) td:nth-child(1) {
margin-top: 1em;
}
td:nth-child(2) {
font-weight: bold;
}
}
}
.appear {

2
sitemap.xml

@ -11,7 +11,7 @@
<priority>0.7</priority>
</url>
<url>
<loc>https://airen-no-jikken.icu/writing/</loc>
<loc>https://airen-no-jikken.icu/projects/</loc>
<changefreq>monthly</changefreq>
<priority>0.8</priority>
</url>

Loading…
Cancel
Save