From 7ad63700224f7278c2264cb2312bc795323625a5 Mon Sep 17 00:00:00 2001 From: gennyble Date: Tue, 17 Dec 2024 08:56:16 -0600 Subject: with misses in html --- .gitignore | 6 + served/bits/__.html | 47 +++--- served/bits/bits.css | 2 +- served/bits/touching-grass/touching-grass.css | 4 +- "served/bits/\360\237\214\246.css" | 18 ++- served/home.html | 99 ++++--------- served/styles/common.css | 107 ++++++++++---- served/styles/home.css | 197 ++++---------------------- served/styles/post.css | 8 +- served/words/debugging-my-sql-query.html | 11 +- served/words/weeknotes/2024/sol.html | 2 +- served/words/words.css | 55 ++----- served/words/words.html | 96 ++++++++++--- served/words/writing.css | 12 -- 14 files changed, 278 insertions(+), 386 deletions(-) mode change 100755 => 100644 served/styles/home.css diff --git a/.gitignore b/.gitignore index c79a8a3..112daa3 100755 --- a/.gitignore +++ b/.gitignore @@ -6,6 +6,11 @@ *.nef *.webp +# leave my fonts out of it +*.ttf +*.woff +*.woff2 + # video *.mp4 @@ -18,5 +23,6 @@ # don't check in the autogenerate atom's atom.xml + # except we DO want the template !/support/atom.xml \ No newline at end of file diff --git a/served/bits/__.html b/served/bits/__.html index e7aff8a..ea3e5ff 100755 --- a/served/bits/__.html +++ b/served/bits/__.html @@ -25,7 +25,7 @@ description=briefly, on names. maybe.

here's a thing. posted originally - here + here (dead link), but in a different form. i was playing a game once and saw them. we talked about their name, briefly, for the five or so minutes we had.

@@ -34,32 +34,41 @@ description=briefly, on names. maybe. click the coloured bits
to reveal more text

-
- e. -

i know i'm very strange; i get excited when people are nice and neat and cool and talk to - me when i play games such as these. your name is just very nice.

-
- -

we all know i have a softspot for short-and-abstract and english-word names. yours happens to tickle me.

+
+
+ e. +

i know i'm very strange; i get excited when people are nice and neat and cool and talk + to + me when i play games such as these. your name is just very nice.

-

How short can a poem be? A sentence, a word, perhaps a letter? maybe it can be a carefully placed space, - floating there, meaning. we now know, though, that there's a two letter contender. it's e., see. +

we all know i have a softspot for short-and-abstract and english-word names. yours happens to tickle me.

-

could it be euler's number? possibly! estrogen? could be! maybe even nothing. a letter most common. - everything. “anything”, you said, “eye of the beholder”.

+

How short can a poem be? A sentence, a word, perhaps a letter? maybe it can be a carefully placed + space, + floating there, meaning. we now know, though, that there's a two letter contender. it's e., + see. +

-

i'm a lot, don't worry, i know. but your name, those two letters. they've taken me. e. you - asked me! “what does it mean to you”. well, for the time being, and likely a little more—until - this memory slips by lost to the hazy abyss of those forgotten—it means you.

+

could it be euler's number? possibly! estrogen? could be! maybe even nothing. a letter most + common. + everything. “anything”, you said, “eye of the beholder”.

+
+ +

i'm a lot, don't worry, i know. but your name, those two letters. they've taken me. e. + you + asked me! “what does it mean to you”. well, for the time being, and likely a little + more—until + this memory slips by lost to the hazy abyss of those forgotten—it means you.

+
-
+

(and something more personal in the same presentation style)

@@ -108,15 +117,15 @@ description=briefly, on names. maybe.
-

notes

-

+

notes

+

this page was originally 🌦.html, but the links were showing up url encoded in discord and elsewhere and, for some reason, firefox mobile was just not rendering the sun-storm rain cloud.

so now it's the double-underscore. which i think, "yeah, that might be better". if i go and - overanalyze it- (well don't do do that). why not? anyway, if we analyze it maybe too + overanalyze it- (well don't do that). why not? anyway, if we analyze it maybe too much we can say it's a metaphor for my lack of solid identity and desire to flip-flop between names a lot. "fill in name here". (that's dumb). hey, leave me alone, me. let me have fun. diff --git a/served/bits/bits.css b/served/bits/bits.css index ee6c28c..3229a20 100755 --- a/served/bits/bits.css +++ b/served/bits/bits.css @@ -12,7 +12,7 @@ } #two-up :nth-child(n) { - flex: 1 0 calc(var(--page-width) / 2 - 1rem); + flex: 1 0 calc(var(--pwidth) / 2 - 1rem); max-width: 20rem; } diff --git a/served/bits/touching-grass/touching-grass.css b/served/bits/touching-grass/touching-grass.css index 765d1ea..65a9300 100755 --- a/served/bits/touching-grass/touching-grass.css +++ b/served/bits/touching-grass/touching-grass.css @@ -1,5 +1,5 @@ .mark { - color: var(--color-a); + color: var(--link); cursor: pointer; } @@ -17,7 +17,7 @@ } a[download] { - color: var(--color-a-dim); + color: var(--visited); } .small, diff --git "a/served/bits/\360\237\214\246.css" "b/served/bits/\360\237\214\246.css" index 882f4d7..8b8f1fc 100755 --- "a/served/bits/\360\237\214\246.css" +++ "b/served/bits/\360\237\214\246.css" @@ -3,6 +3,10 @@ margin: 0 auto; } +section { + max-width: var(--pwidth); +} + /* narrow */ @media (max-width: 44rem) { .root { @@ -18,13 +22,13 @@ details.arrow:not([open])>summary::after { content: '→'; - color: var(--color-a); + color: var(--link); margin: 0 4px; } details.arrow[open]>summary::after { content: '–'; - color: var(--color-a-dim); + color: var(--visited); margin: 0 4px; } @@ -51,20 +55,20 @@ details.arrow>summary::-webkit-details-marker { details.more:not([open])>summary::before { content: '[+]'; - color: var(--color-a); + color: var(--link); } details.more[open]>summary::before { content: '[-]'; margin: 0 2px; - color: var(--color-a-dim); + color: var(--visited); } -h2 { - font-size: 1em; +#notes, +.notes { + margin: 0.5rem 0; } -#notes, .notes { font-size: 0.75rem; } \ No newline at end of file diff --git a/served/home.html b/served/home.html index b3e574f..5e92a15 100755 --- a/served/home.html +++ b/served/home.html @@ -4,83 +4,38 @@ title=Home | nyble.dev style=/styles/home.css --- [@paragraphs off] -

- my face in few colors. my skin is pink and red with blue shadowing - -
-

Contact~,.

- -
-
- -
-
-

Hello,

+
+
+

hey, welcome to my dreams.

- I'm genny. I like to write software things.
- small, intentional tools and multimedia experiments are some of my favourite projects to work on. -

-

- now being served on dreamy.place! + My name is Geneveive Raine and I like to write little software things. + Some of my favourite software topics (softopics, if you will) include + image manipulation, networking, and most things gif related :)

-
- -
-

sharing images, videos,
bits/ of my world

-
    -
  1. ramen-bowl.html
    2. -
  2. touching-grass.html
    3. -
  3. smoems.html
    4. -
-
- -
-

— scrap

-

- dropped things collected: scrap.html +

+ Sometimes I write things, too. Or make little games. Art, mostly of the digital + persuasion. Memories, notes- anything, really.

-

- last update:
- - wrench! +

+ If I write, it's usually in words/, but sometimes I'll put + it in bits/ if it feels like it wants to be there.

- -
-
-
- -
- - - -
    -
  • atoml.xml — subscribe with your feed reader ;)
    • -
  • things/ — projects; creative pursuits; what i work on
    • -
  • words/ — technical writing, project updates, and weeknotes.
    • -
+
+

Contact~,.

+ +
- +

have a look at my scrap!

+

+ Scrap is the weird ~things I find in the world, typically on the ground. They are + unloved and, perhaps, forgotten. I've taken to them. +

\ No newline at end of file diff --git a/served/styles/common.css b/served/styles/common.css index 64067cb..f798e3a 100755 --- a/served/styles/common.css +++ b/served/styles/common.css @@ -2,55 +2,104 @@ box-sizing: border-box; } +@font-face { + font-family: Recursive; + font-style: oblique 0deg 15deg; + font-weight: 300 1000; + font-display: swap; + src: url(Recursive.woff2); +} + +@font-face { + font-family: 'Atkinson Hyperlegible'; + src: url(Atkinson-Hyperlegible-Regular-102a.woff2); + font-weight: normal; +} + :root { + /* "-dim" to mean: secondary; alternate; deemphasized */ --text: #222; - --text-dim: #444; - --text-link: #037; - --text-link-visited: #730; + --text-dim: #456; --background: #FFF; - --background-dim: #F8F0F0; - --color-a: rgb(11, 113, 126); - --color-a-dim: rgb(7, 80, 90); -} + --background-dim: #F8F0FF; -@media (prefers-color-scheme: dark) { - :root { - --text: #eee; - --text-dim: #bbb; - --text-link: #ddf; - --text-link-visited: #fed; - --background: #112; - --background-dim: #333; - --color-a: #3a8; - --color-a-dim: rgb(158, 228, 208); - } + --link: #a41; + --visited: #439; + + --pwidth: 35rem; + --left-pad: 5rem; + /* ^ lmao */ } html, body { - padding: 0; margin: 0; + padding: 0; + width: 100%; + height: 100%; } body { - font-size: 1.1rem; - line-height: 1.4; - font-family: 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; - padding: 2rem 5vw; + padding: 2rem 1rem 2rem var(--left-pad); + font-family: 'Atkinson Hyperlegible', sans-serif; color: var(--text); + font-size: 1.15rem; + background-color: var(--background); } -a { - color: var(--color-a); +@media (max-width: 35rem) { + body { + padding-left: 2vw; + padding-right: 4vw; + } } h1, -h2, -h3 { - margin: 0; - font-family: serif; +h2 { + margin: 1rem 0; + padding: 0; + + font-family: Recursive, sans-serif; + font-variation-settings: + "MONO" 0, + "CASL" 0, + "wght" 500, + "slnt" 0, + "CRSV" 0; +} + +h1 { + font-size: 2rem; +} + +h2 { + font-size: 1.5rem; +} + +p { + line-height: 1.3; + max-width: var(--pwidth); + margin: 1rem 0; +} + +ul { + padding: 0; + list-style-position: inside; + list-style-type: decimal; +} + +a { + color: var(--link); +} + +a:visited { + color: var(--visited); +} + +a.dead { + text-decoration: line-through; } #nav-access { diff --git a/served/styles/home.css b/served/styles/home.css old mode 100755 new mode 100644 index d48471a..bd23605 --- a/served/styles/home.css +++ b/served/styles/home.css @@ -1,194 +1,51 @@ -body { - padding-top: 4rem; - padding-bottom: 4rem; +#hello { + margin: 1rem 0; } -main, -header { - max-width: 35rem; - margin: 0 auto; -} - -header { - display: flex; - justify-content: space-between; - flex-wrap: wrap; - row-gap: 1rem; -} - -header img { - width: 96px; - height: 96px; - margin-top: 1.5em; -} - -#contact a { - text-decoration: none; - color: var(--color-a); - border-bottom: none; -} - -#contact ul { - line-height: normal; - list-style: none; - padding: 0; - margin: 0; -} - -#contact h2 { - margin: 0; -} +#contact { + border: 1px solid black; + box-shadow: 5px -5px 0px #999, 10px -10px 0px #666, 15px -15px 0px #333; + padding: 1rem 2rem 1rem 1rem; -#greeting { - flex: 1 0 15rem; + max-width: var(--pwidth); + height: min-content; } -#greeting h1 { +#contact>h2 { margin-top: 0; } -#notice { - font-style: italic; - text-align: center; -} - -.thing-list { - padding: 0.5rem 0; - margin: 0; - list-style-position: inside; -} - -ul.thing-list { - padding: 0; - list-style: none; -} - -section h2 { +#contact>ul { margin: 0; -} - -ol, -ul.thing-list { - line-height: 1.5; -} - -#scrap { - max-width: 25rem; -} - -#changelog { - margin: 0.5rem 1rem; - padding: 1rem 0; - border-top: 1px solid var(--text); -} - -#changelog h2 { - font-size: 1.5rem; - margin-bottom: 0.25rem; - display: inline-block; -} - -#changelog h3 { - font-size: 1rem; - font-weight: normal; - align-self: baseline; - display: inline-block; -} - -#changelog ul { list-style: none; padding: 0; - margin: 0; } -#changelog time { - color: var(--text-dim); - font-style: italic; - margin-right: 0.5rem; +@media (max-width: 50rem) { + #contact { + margin-top: 1.5rem; + margin-right: 1rem; + } } -@media (min-width: 40rem) { - main { - padding: 1rem 0; +@media (min-width: 50rem) { + #hello { display: grid; - grid-template-columns: 1fr 1fr; + grid-template-columns: 30rem 1fr; + row-gap: 1rem; column-gap: 1rem; - row-gap: 0.5rem; - } - - #greeting { - grid-column: 1 / 3; - } - - #greeting p { - max-width: 26rem; } - p#notice { - /* there's too much space without this. only on desktop. i think it's - to do with the grid gap */ - margin-bottom: 0rem; - max-width: 100%; + #hello>p, + #hello>h1 { + grid-column: 1 / 2; + margin: 0; } - #scrap { - width: 100%; - /* a padding on desktop so it falls below the multimedia heading and - looks like it's kind of part of that section even if maybe it's not */ - padding-top: 2.25rem; - position: relative; - padding-right: 1rem; - } - - #scrap h2 { - display: inline; - margin: 0 0.5rem 0 0; - } - - /* tried https://stackoverflow.com/a/68283780 but it didn't seem to want - to work for right and bottom at the same time */ - #scrap-halfborder { - position: absolute; - right: 0; - bottom: 0; - - z-index: -1; - width: 50%; - height: 50%; - border: 1px solid var(--text); - border-width: 0px 1px 1px 0px; - } - - #writing-halfborder, - #feed-halfborder { - position: absolute; - left: 0; - top: 0; - - z-index: -1; - width: 25%; - height: min(50%, 2rem); - border: 1px solid var(--text); - border-width: 1px 0 0 1px; - } - - #writing { - padding-left: 1rem; - padding-top: 1rem; - position: relative; - - grid-column: 1 / 3; - } - - #feed { - position: relative; - margin: 1rem 0 0 1rem; - padding: 1rem 0 0 1rem; - width: 15rem; - float: right; - } + #hello>#contact { + grid-column: 2 / 3; + grid-row: 2 / 5; - #changelog { - grid-column: 1 / 3; + width: fit-content; } } \ No newline at end of file diff --git a/served/styles/post.css b/served/styles/post.css index f7111dd..b0a4d5e 100755 --- a/served/styles/post.css +++ b/served/styles/post.css @@ -1,7 +1,5 @@ .sized { - --page-width: 35rem; - max-width: var(--page-width); - margin: 0 auto; + max-width: var(--pwidth); } #navtree { @@ -14,10 +12,6 @@ gap: 1rem; } -body { - line-height: 1.5; -} - p { margin: 1.25rem 0; } \ No newline at end of file diff --git a/served/words/debugging-my-sql-query.html b/served/words/debugging-my-sql-query.html index e9f5643..dde57cd 100644 --- a/served/words/debugging-my-sql-query.html +++ b/served/words/debugging-my-sql-query.html @@ -58,7 +58,8 @@ held my database connection (not great probably, the mutex, but). does it just say that if it doesn't think the table is real? surely the table is real. we have so much evidence it is. i changed the table name. -
SELECT creation_date, state, game, result FROM awoo;
+
SELECT creation_date, state, game, result
+FROM awoo;
Some("no such table: awoo")
@@ -68,12 +69,16 @@ i tried removing my where clause. aha! it ran. what's wrong with my where clause? let's look at it again -
SELECT creation_date, state, game, result FROM double_dodge WHERE player_id = ?1 AND state = ?2
+
SELECT creation_date, state, game, result
+FROM double_dodge
+WHERE player_id = ?1 AND state = ?2
those are all columns that exist, even if sqlite does not believe me. oh, i'm not selecting player_id. that's probably not good. -
SELECT player_id, creation_date, state, game, result FROM double_dodge WHERE player_id = ?1 AND state = ?2;
+
SELECT player_id, creation_date, state, game, result
+FROM double_dodge
+WHERE player_id = ?1 AND state = ?2;
success :) diff --git a/served/words/weeknotes/2024/sol.html b/served/words/weeknotes/2024/sol.html index e0ba7a8..d5620c3 100755 --- a/served/words/weeknotes/2024/sol.html +++ b/served/words/weeknotes/2024/sol.html @@ -5,7 +5,7 @@ style=/styles/post.css style=../writing.css path-offset=2 -#weeknote=20 +#weeknote=29 published=2024-07-20 09:00 description=wherein she briefly explains her absence and introduces a new calendar system diff --git a/served/words/words.css b/served/words/words.css index abe4ee5..afc2919 100755 --- a/served/words/words.css +++ b/served/words/words.css @@ -7,6 +7,7 @@ div { grid-column: 2 / 3; display: flex; flex-direction: column; + row-gap: 1rem; } #written { @@ -14,54 +15,32 @@ div { grid-column: 1 / 2; } -#weeknotes-list, -.wk-list { - padding: 0; - margin: 0; - display: flex; - flex-direction: row; - column-gap: 1rem; - list-style: none; - flex-wrap: wrap; -} - #what-weeknotes { align-self: end; margin-top: -0.75rem; font-weight: normal; } -#weeknotes-ifc { - padding: 0.75rem 0; - margin: 0.75rem 0 0.75rem 0; - display: grid; - grid-template-columns: min-content 1fr 1fr; +.wk-miss, +.wk-notes { + padding: 0; + margin: 0; + display: flex; + flex-direction: row; + flex-wrap: wrap; column-gap: 1rem; - list-style: none; - border-style: solid; - border-color: var(--text-dim); - border-width: 1px 0 1px 0; -} - -#weeknotes-early-only { - grid-column: 2 / 4; - padding-right: calc(50% + 1.5rem); - text-align: right; -} -.early { - text-align: right; - padding-right: 1rem; + list-style: none; + display: flex; } -.late { - text-align: left; +.wk-miss { + display: none; } -.month { - text-align: center; - grid-column: 2 / 4; - padding-right: 1rem; +.wk-notes { + flex-direction: column; + row-gap: 1rem; } h2 { @@ -72,10 +51,6 @@ h2 { margin: 0; } -.miss { - color: var(--text-dim); -} - @media (max-width: 30rem) { div { display: flex; diff --git a/served/words/words.html b/served/words/words.html index 587d021..ffb9181 100755 --- a/served/words/words.html +++ b/served/words/words.html @@ -16,38 +16,88 @@ The writing is part of the website Atom Feed.

weeknotes

what?

-
    -
  • 48
    • -
  • 47
    • -
  • a really long week
    • -
  • 45
    • -
  • 44
    • +
      +
    • 49
      • +
    • 48
      • +
    • dec
      • +
    • 47
      • +
    + +
      +
    • 45
      • +
    • 44
    • nov
      • +
    • 43
      • +
    • 42
      • +
    • 41
      • +
    • 40
      • +
    • oct
      • +
    • 39
      • +
    • 38
      • +
    • 37
      • +
    • 36
      • +
    • 35
      • +
    • sep
      • +
    • 34
      • +
    • 33
      • +
    • 32
      • +
    • 31
      • +
    • aug
      • +
    • 30
    -
      -
    • sol
      • -
    • complete
      • -
    • jun
      • -
    • early
      • -
    • late
      • + -
        -
      • 23
        • +
          +
        • 28
          • +
        • 27
          • +
        • jul
          • +
        • 26
          • +
        • 25
          • +
        • 24
          • +
        • 23
          • +
        • 22
        • jun
          • -
        • 22
          • -
        • 21
          • -
        • 20
          • -
        • 19
          • -
        • 18
          • +
        • 21
          • +
        + +
          +
        • 19
          • +
        • 18
        • may
          • -
        • 17
          • -
        • 16
          • -
        • 15
          • -
        • 14
          • +
        + +
          +
        • 16
          • +
        + +
        • apr
        • mar
          • +
        • 13
          • +
        • 12
          • +
        • 11
          • +
        • 10
          • +
        • 9
        • feb
          • +
        • 8
          • +
        • 7
          • +
        • 6
          • +
        • 5
        • jan
          • +
        • 4
          • +
        • 3
          • +
        • 2
          • +
        • 1
        • 2024
diff --git a/served/words/writing.css b/served/words/writing.css index 6983ccc..bfe46a3 100755 --- a/served/words/writing.css +++ b/served/words/writing.css @@ -61,16 +61,4 @@ q { q::before, q::after { content: none; -} - -main a { - color: var(--text-link); -} - -main a:visited { - color: var(--text-link-visited); -} - -.writing { - line-height: 1.65; } \ No newline at end of file -- cgit 1.4.1-3-g733a5