diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..3c3629e
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+node_modules
diff --git a/Akira Webpage/pages/sample.html b/.gitignore~
similarity index 100%
rename from Akira Webpage/pages/sample.html
rename to .gitignore~
diff --git a/Akira Webpage/pages/article.html b/Akira Webpage/pages/article.html
new file mode 100644
index 0000000..97add4c
--- /dev/null
+++ b/Akira Webpage/pages/article.html
@@ -0,0 +1,172 @@
+
+
+
+
+
+ a
+
+
+
+
+
+
+
+
+
+
+ Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here
+
+
+
+
+
+
diff --git a/Akira Webpage/pages/index.html~ b/Akira Webpage/pages/index.html~
new file mode 100644
index 0000000..e69de29
diff --git a/Akira Webpage/pages/style.css b/Akira Webpage/pages/style.css
new file mode 100644
index 0000000..15d84e6
--- /dev/null
+++ b/Akira Webpage/pages/style.css
@@ -0,0 +1,177 @@
+/* chat
+eaic -- flexbox lets you make layouts without things being awful
+akira -- ok barging in for a moment sorry about the link list can't we make several links in a row in html instead of the vertical link thing? just like inside a paragraph
+eaic -- yes, but having a
is better for accessibility and it can be made to be in a row with css
+akira -- oh, i see! thank you!
+eaic -- no problem
+eaic -- in general you want html to be structure and content
+eaic -- and not be structured based on how it should look
+akira -- i hope my bad wifi doesn't fuck with this too badly?
+eaic -- should be ok
+eaic -- do you have questions about what we've done so far?
+akira -- hmmm,, nope! i think i understand everything so far
+eaic -- next i will make the links be in a row
+akira -- ok!
+eaic --
+*/
+
+* {
+ box-sizing: border-box; /* this makes width and height work sanely with margins and stuff */
+}
+
+body,
+html {
+ width: 100%;
+ height: 100%;
+ margin: 0; /* no extra scrollbars*/
+ padding: 0;
+ font-family: system-ui, sans-serif; /* goodbye, times new roman */
+}
+
+#home {
+ display: flex; /* flexbox time! */
+ flex-direction: column; /* make things not be squished into a row */
+ align-items: center; /* center things */
+ text-align: center; /* center more things */
+}
+
+#home header {
+ display: flex; /* flexbox time! */
+ flex-direction: row; /* make things be in a row */
+ align-items: center; /* center things */
+ text-align: center; /* center more things */
+}
+
+#home #logo {
+ width: 3rem;
+ height: 3rem;
+ margin-right: 1rem; /* space between logo and text */
+}
+
+#home nav ul {
+ display: flex;
+ gap: 0.5rem; /* s p a c e */
+ margin: 0;
+ padding: 0;
+}
+
+#home nav ul li {
+ display: inline;
+}
+/*
+akira -- :O what in god's name since when is This a class?? how do you even define those
+eaic -- wdym
+akira -- what does nav ul and nav ul li mean. how did they get here? from html? if so how do we get
+eaic -- yep! they are tag names
+akira -- well. well how do you get those names? are they specific to singular instances of the things?
+eaic -- go to index.html
+eaic -- alright i added a gap so the links aren't so close together
+eaic -- that's basically what the layout you made looked like
+eaic -- oh wait
+eaic -- things are misaligned because
s come with margins :(
+akira -- uh oh!!
+eaic -- there!
+eaic -- usually it's a good idea to share CSS between pages of a site
+akira -- yeaaah?
+eaic -- but rn the styling for the homepage would mess some things up
+eaic -- so i'm adding an ID to the body tag of the homepage so we can target elements only on the homepage
+akira -- ok!!
+eaic -- alright done
+akira -- :O
+eaic -- sorry, had to talk to 1 of my moms
+akira -- i see, alright!
+eaic -- ok now i'm going to make a new page
+*/
+
+#home footer {
+ display: flex; /* flexbox time! */
+ flex-direction: column; /* make things not be squished into a row */
+ align-items: center; /* center things */
+ text-align: center; /* center more things */
+ flex-grow: 1;
+ justify-content: end;
+ width: 100%;
+ padding: 0.5rem; /* space between stuff and the edge of the window */
+}
+/*akira -- hmm, i think i will make an account on glitch. would this mess anything up for you? like, interrupt you doing stuff here?
+ eaic -- i don't think so*/
+/*akira -- what are these Strange Tools , such as width: 100% and min-height 100% for. i thought these were just default stuff?
+ eaic -- CSS has terrible defaults and the browsers can't change themm because sites rely on them
+ eaic -- so we have lots of unnecessary things to write
+ akira -- oh, i see!*/
+
+#articlePage {
+ display: flex;
+}
+
+#articlePage aside {
+ border-right: 1px solid black;
+ width: 10rem;
+ display: flex;
+ flex-direction: column;
+ flex-shrink: 0; /* stay the right size */
+}
+
+#articlePage aside header {
+ display: flex;
+ border-bottom: 1px solid black;
+ height: 2rem;
+ align-items: center;
+ padding: 0 0.5rem;
+ flex-shrink: 0; /* stay the right size */
+}
+
+#articlePage aside ul {
+ overflow-y: auto; /* show scrollbar if needed */
+ display: flex;
+ flex-direction: column;
+ flex-grow: 1;
+ margin: 0;
+ padding: 0;
+}
+
+#articlePage aside ul li {
+ display: flex;
+ margin: 0;
+ padding: 0;
+}
+
+#articlePage aside ul li a {
+ display: flex;
+ border-bottom: 1px solid black;
+ /*oh, i know this property!*/
+ height: 2rem;
+ width: 100%;
+ align-items: center;
+ text-decoration: none;
+ gap: 0.5rem;
+ padding: 0 0.5rem;
+}
+
+#articlePage aside ul li a img {
+ border-radius: 50%; /* make pictures round */
+ width: 1.5rem;
+ height: 1.5rem;
+}
+
+#articlePage main {
+ padding: 1rem;
+ overflow-y: scroll; /* make main have its own scrollbar for vertical scrolling */
+ flex-grow: 1; /* fill all the space left */
+}
+
+/*
+ akira -- oH MY GOD WHAT HOW ARE YOU DOING THIS
+ akira -- Oh
+ akira -- oh ok!
+ akira -- hmm how'd you get the #articlePage selector? and what's aside?
+ eaic -- selectors that start with # are ID selectors. Since the body tag in article.html has id="articlePage" the selector is #articlePage
+ akira -- ohhh! i see! thank you! by the way, if you'd like to use the easrng alias, go ahead! whatever's best (sorry for taking a while i had disconnected)
+ eaic -- selectors that are just a word with no # or . or anything are tag selectors. aside is the tag we used for the sidebar
+ akira -- i see!
+ eaic -- i put a bunch of text so we can see how scrolling works.
+ eaic -- we want to have its own scrollbars
+ eaic -- this name's fine, i use them interchangeably
+ eaic -- questions?
+*/
+
diff --git a/Akira Webpage/pages/style.css~ b/Akira Webpage/pages/style.css~
new file mode 100644
index 0000000..e69de29
diff --git a/Akira Webpage/pages/thank_you_eaic b/Akira Webpage/pages/thank_you_eaic
new file mode 100644
index 0000000..72fee6a
--- /dev/null
+++ b/Akira Webpage/pages/thank_you_eaic
@@ -0,0 +1,3 @@
+thank you eaic, for um
+...basically doing all the work, sorry!
+i'm sorry i never finished the graphic design part and all that
diff --git a/Akira Webpage/pages/thank_you_eaic~ b/Akira Webpage/pages/thank_you_eaic~
new file mode 100644
index 0000000..8c9be66
--- /dev/null
+++ b/Akira Webpage/pages/thank_you_eaic~
@@ -0,0 +1,3 @@
+thank you eaic, for um
+...basically doing all the work, sorry!
+also, thanks a LOT for
diff --git a/drawings_new/akira in swopdoodle.xcf b/drawings/akira in swopdoodle.xcf
similarity index 100%
rename from drawings_new/akira in swopdoodle.xcf
rename to drawings/akira in swopdoodle.xcf
diff --git a/drawings/angry akira.xcf b/drawings/angry akira.xcf
new file mode 100644
index 0000000..dfbe9d4
Binary files /dev/null and b/drawings/angry akira.xcf differ
diff --git a/drawings/apyr.png b/drawings/apyr.png
new file mode 100644
index 0000000..c777c27
Binary files /dev/null and b/drawings/apyr.png differ
diff --git a/drawings/apyr2.png b/drawings/apyr2.png
new file mode 100644
index 0000000..d6de97f
Binary files /dev/null and b/drawings/apyr2.png differ
diff --git a/drawings_new/despair_unfinished.xcf b/drawings/despair_unfinished.xcf
similarity index 100%
rename from drawings_new/despair_unfinished.xcf
rename to drawings/despair_unfinished.xcf
diff --git a/drawings_new/glasses.png b/drawings/glasses.png
similarity index 100%
rename from drawings_new/glasses.png
rename to drawings/glasses.png
diff --git a/drawings_new/glasses.xcf b/drawings/glasses.xcf
similarity index 100%
rename from drawings_new/glasses.xcf
rename to drawings/glasses.xcf
diff --git a/drawings/halloween.png b/drawings/halloween.png
new file mode 100644
index 0000000..0b20489
Binary files /dev/null and b/drawings/halloween.png differ
diff --git a/drawings/junk/car.xcf b/drawings/junk/car.xcf
new file mode 100644
index 0000000..ea78dc6
Binary files /dev/null and b/drawings/junk/car.xcf differ
diff --git a/drawings/junk/dehydrated_akira.png b/drawings/junk/dehydrated_akira.png
new file mode 100644
index 0000000..b175d0b
Binary files /dev/null and b/drawings/junk/dehydrated_akira.png differ
diff --git a/drawings_new/note.md b/drawings/note.md
similarity index 100%
rename from drawings_new/note.md
rename to drawings/note.md
diff --git a/drawings/old/banger artwork.png b/drawings/old/banger artwork.png
new file mode 100644
index 0000000..de63e69
Binary files /dev/null and b/drawings/old/banger artwork.png differ
diff --git a/drawings/old/banger artwork2.png b/drawings/old/banger artwork2.png
new file mode 100644
index 0000000..e7f81f7
Binary files /dev/null and b/drawings/old/banger artwork2.png differ
diff --git a/drawings/old/erins.png b/drawings/old/erins.png
new file mode 100644
index 0000000..f38a511
Binary files /dev/null and b/drawings/old/erins.png differ
diff --git a/drawings_new/perspective_test_bad.png b/drawings/perspective_test_bad.png
similarity index 100%
rename from drawings_new/perspective_test_bad.png
rename to drawings/perspective_test_bad.png
diff --git a/git spells b/git spells
index ffe8d47..0959146 100644
--- a/git spells
+++ b/git spells
@@ -1,14 +1 @@
-git add -A .
-tells git about all the changes in the folder
-
-git commit -m "my message"
-tells git to give these changes an actu al name
-
-git push
-upload all named changes
-
-git clone https://git.lavender.software/akira/made-in-akira.git
-does what it says (clones a repo to your puter)
-
-
-ssh-keygen -t ed25519 -C "akirapink@tutanota.com"
+git commit -m "added my css userstyles!, and maybe some graphic design stuff? i've forgorten"
diff --git a/graphic_design/Celeste Mtn Drimk.xcf b/graphic_design/Celeste Mtn Drimk.xcf
new file mode 100644
index 0000000..8bce31f
Binary files /dev/null and b/graphic_design/Celeste Mtn Drimk.xcf differ
diff --git a/graphic_design/baba_eats.xcf b/graphic_design/baba_eats.xcf
new file mode 100644
index 0000000..394f831
Binary files /dev/null and b/graphic_design/baba_eats.xcf differ
diff --git a/graphic_design/charlotte crossing.xcf b/graphic_design/charlotte crossing.xcf
new file mode 100644
index 0000000..da96c6d
Binary files /dev/null and b/graphic_design/charlotte crossing.xcf differ
diff --git a/graphic_design/michaels_choice_logo.xcf b/graphic_design/michaels_choice_logo.xcf
new file mode 100644
index 0000000..30c47e1
Binary files /dev/null and b/graphic_design/michaels_choice_logo.xcf differ
diff --git a/graphic_design/old_data.xcf b/graphic_design/old_data.xcf
new file mode 100644
index 0000000..33c5382
Binary files /dev/null and b/graphic_design/old_data.xcf differ
diff --git a/graphic_design/pogway_logo.xcf b/graphic_design/pogway_logo.xcf
new file mode 100644
index 0000000..738fd46
Binary files /dev/null and b/graphic_design/pogway_logo.xcf differ
diff --git a/graphic_design/random stuff.xcf b/graphic_design/random stuff.xcf
new file mode 100644
index 0000000..eba4729
Binary files /dev/null and b/graphic_design/random stuff.xcf differ
diff --git a/graphic_design/scottice.xcf b/graphic_design/scott_the_woz.xcf
similarity index 100%
rename from graphic_design/scottice.xcf
rename to graphic_design/scott_the_woz.xcf
diff --git a/graphic_design/sticker sheet 2.xcf b/graphic_design/sticker sheet 2.xcf
index 1a19351..928ac40 100644
Binary files a/graphic_design/sticker sheet 2.xcf and b/graphic_design/sticker sheet 2.xcf differ
diff --git a/graphic_design/stickers_render2.xcf b/graphic_design/stickers_render2.xcf
new file mode 100644
index 0000000..8fa0bfb
Binary files /dev/null and b/graphic_design/stickers_render2.xcf differ
diff --git a/graphic_design/warning_akira.xcf b/graphic_design/warning_akira.xcf
new file mode 100644
index 0000000..176dc5b
Binary files /dev/null and b/graphic_design/warning_akira.xcf differ
diff --git a/minecraft/agatha_1.xcf b/minecraft/agatha_1.xcf
new file mode 100644
index 0000000..6924a89
Binary files /dev/null and b/minecraft/agatha_1.xcf differ
diff --git a/minecraft/amelia_1.png b/minecraft/amelia_1.png
new file mode 100644
index 0000000..24c9d16
Binary files /dev/null and b/minecraft/amelia_1.png differ
diff --git a/minecraft/amelia_1.xcf b/minecraft/amelia_1.xcf
new file mode 100644
index 0000000..5e2c780
Binary files /dev/null and b/minecraft/amelia_1.xcf differ
diff --git a/minecraft/amelia_2.png b/minecraft/amelia_2.png
new file mode 100644
index 0000000..c1a1428
Binary files /dev/null and b/minecraft/amelia_2.png differ
diff --git a/minecraft/amelia_2.xcf b/minecraft/amelia_2.xcf
new file mode 100644
index 0000000..46fef3b
Binary files /dev/null and b/minecraft/amelia_2.xcf differ
diff --git a/minecraft/amelia_3.png b/minecraft/amelia_3.png
new file mode 100644
index 0000000..80fe0b9
Binary files /dev/null and b/minecraft/amelia_3.png differ
diff --git a/minecraft/amelia_3.xcf b/minecraft/amelia_3.xcf
new file mode 100644
index 0000000..3640472
Binary files /dev/null and b/minecraft/amelia_3.xcf differ
diff --git a/minecraft/amelia_old.png b/minecraft/amelia_old.png
new file mode 100644
index 0000000..c7815ab
Binary files /dev/null and b/minecraft/amelia_old.png differ
diff --git a/minecraft/charlotte.png b/minecraft/charlotte.png
new file mode 100644
index 0000000..45a54a4
Binary files /dev/null and b/minecraft/charlotte.png differ
diff --git a/minecraft/charlotte.xcf b/minecraft/charlotte.xcf
new file mode 100644
index 0000000..0ca4c88
Binary files /dev/null and b/minecraft/charlotte.xcf differ
diff --git a/minecraft/charlotte_2.png b/minecraft/charlotte_2.png
new file mode 100644
index 0000000..c0e5bc6
Binary files /dev/null and b/minecraft/charlotte_2.png differ
diff --git a/minecraft/jill_encapsulated.png b/minecraft/jill_encapsulated.png
new file mode 100644
index 0000000..67bdbd4
Binary files /dev/null and b/minecraft/jill_encapsulated.png differ
diff --git a/minecraft/jill_she.png b/minecraft/jill_she.png
new file mode 100644
index 0000000..a1749d7
Binary files /dev/null and b/minecraft/jill_she.png differ
diff --git a/minecraft/jill_she.xcf b/minecraft/jill_she.xcf
new file mode 100644
index 0000000..cf1be3a
Binary files /dev/null and b/minecraft/jill_she.xcf differ
diff --git a/minecraft/jill_slime.png b/minecraft/jill_slime.png
new file mode 100644
index 0000000..b04350a
Binary files /dev/null and b/minecraft/jill_slime.png differ
diff --git a/minecraft/jill_slime2.png b/minecraft/jill_slime2.png
new file mode 100644
index 0000000..037f291
Binary files /dev/null and b/minecraft/jill_slime2.png differ
diff --git a/minecraft/maia_1.png b/minecraft/maia_1.png
new file mode 100644
index 0000000..4f0ff90
Binary files /dev/null and b/minecraft/maia_1.png differ
diff --git a/minecraft/maia_1.xcf b/minecraft/maia_1.xcf
new file mode 100644
index 0000000..ba055a5
Binary files /dev/null and b/minecraft/maia_1.xcf differ
diff --git a/minecraft/maia_2.png b/minecraft/maia_2.png
new file mode 100644
index 0000000..ffc10ed
Binary files /dev/null and b/minecraft/maia_2.png differ
diff --git a/minecraft/maia_2.xcf b/minecraft/maia_2.xcf
new file mode 100644
index 0000000..1672b57
Binary files /dev/null and b/minecraft/maia_2.xcf differ
diff --git a/minecraft/maia_3.png b/minecraft/maia_3.png
new file mode 100644
index 0000000..55344e7
Binary files /dev/null and b/minecraft/maia_3.png differ
diff --git a/minecraft/maia_3.xcf b/minecraft/maia_3.xcf
new file mode 100644
index 0000000..4824a7a
Binary files /dev/null and b/minecraft/maia_3.xcf differ