From b2f7cc084bb114b8ecaf2afdd13ba54f0f1a3c19 Mon Sep 17 00:00:00 2001 From: zepp Date: Thu, 12 Dec 2024 08:06:46 -0500 Subject: [PATCH] layout and initial design work done --- index.php | 6 ++-- life/music.php | 2 +- life/pets.php | 2 +- life/photography.php | 2 +- life/picrew.php | 71 ++++++++++++++++++++++---------------------- life/postroll.php | 2 +- life/technology.php | 2 +- style/style.css | 28 ++++++++++++----- 8 files changed, 64 insertions(+), 51 deletions(-) diff --git a/index.php b/index.php index cce59ce..bd0a98e 100644 --- a/index.php +++ b/index.php @@ -8,8 +8,8 @@ +
-

welcome to emma's place

@@ -36,9 +36,7 @@ 12-05-2024 - i've begun using picrew to explore my identity and sense of self. while creating this site i added a picrew page with a few images of how i see myself. with time i will certainly add more -
-

other things of mine you might like

cat-related website projects

@@ -62,7 +60,7 @@
  • walk with me for a moment
    • -
    + diff --git a/life/music.php b/life/music.php index 7c4fb23..2dd7491 100644 --- a/life/music.php +++ b/life/music.php @@ -8,8 +8,8 @@ +
    -
    diff --git a/life/pets.php b/life/pets.php index 9d5bb82..75979c3 100644 --- a/life/pets.php +++ b/life/pets.php @@ -8,8 +8,8 @@ +
    -
    diff --git a/life/photography.php b/life/photography.php index 748182e..76e6436 100644 --- a/life/photography.php +++ b/life/photography.php @@ -8,8 +8,8 @@ +
    -
    diff --git a/life/picrew.php b/life/picrew.php index 584b13e..826fe32 100644 --- a/life/picrew.php +++ b/life/picrew.php @@ -8,46 +8,47 @@ +
    - -
    -

    a gallery of emma

    +
    +

    a gallery of emma

    -

    - picrew has been a wonderful help in figuring who i am. how i want to present when everything is right for me to do so. the below pictures all capture different parts of me, i see myself in all of them in some way. some picrew allowed me to add things that others didn't. for example, a top i really want to have one day, or the fact that i have freckles on my face. i love that picrew makes it acccessible to discover my identity. it is such a friendly tool. over time i've found that people have different image makeers that capture so many wonderful parts of myself, and humanity in general -

    +

    + picrew has been a wonderful help in figuring who i am. how i want to present when everything is right for me to do so. the below pictures all capture different parts of me, i see myself in all of them in some way. some picrew allowed me to add things that others didn't. for example, a top i really want to have one day, or the fact that i have freckles on my face. i love that picrew makes it acccessible to discover my identity. it is such a friendly tool. over time i've found that people have different image makeers that capture so many wonderful parts of myself, and humanity in general +

    -

    gallery

    +

    gallery

    -
    -
    - an image of emma created in picrew. the image is fem presenting and represent characteristics that emma sees of herself when she can be fem presenting in her physical space -
    - picrew image maker by sangled -
    -
    -
    - an image of emma created in picrew. the image is fem presenting and explores charactersitcs such as hair styles and clothing that emma sees herself wearing and expressing -
    - picrew image maker by seyimOn -
    -
    -
    - an image of emma created in picrew. the image is fem presenting and explores characteristics such as hair styles, jewlery, transitioning, and features of emma like freckles -
    - picrew image maker by makowka -
    -
    -
    - an image of emma created in picrew. the image is fem presenting and explores characteristics such as shorter, lighter hair and makeup as well as feature of emma such as her current style of glasses and freckles -
    - picrew image maker by grgikau -
    -
    -
    -
    - +
    +
    + an image of emma created in picrew. the image is fem presenting and represent characteristics that emma sees of herself when she can be fem presenting in her physical space +
    + picrew image maker by sangled +
    +
    +
    + an image of emma created in picrew. the image is fem presenting and explores charactersitcs such as hair styles and clothing that emma sees herself wearing and expressing +
    + picrew image maker by seyimOn +
    +
    +
    + an image of emma created in picrew. the image is fem presenting and explores characteristics such as hair styles, jewlery, transitioning, and features of emma like freckles +
    + picrew image maker by makowka +
    +
    +
    + an image of emma created in picrew. the image is fem presenting and explores characteristics such as shorter, lighter hair and makeup as well as feature of emma such as her current style of glasses and freckles +
    + picrew image maker by grgikau +
    +
    +
    +
    + +
    diff --git a/life/postroll.php b/life/postroll.php index 5b94c40..d60e217 100644 --- a/life/postroll.php +++ b/life/postroll.php @@ -8,8 +8,8 @@ +
    -
    diff --git a/life/technology.php b/life/technology.php index e8e1178..b149eed 100644 --- a/life/technology.php +++ b/life/technology.php @@ -8,8 +8,8 @@ +
    -
    diff --git a/style/style.css b/style/style.css index 79da5f9..836ca91 100644 --- a/style/style.css +++ b/style/style.css @@ -12,30 +12,44 @@ html { } body { - height: 100vh; - width: auto; + display: grid; + grid-template-rows: 5vh 2fr 5vh; + justify-content: center; + align-content: space-evenly; } main { + height: auto; + width: 70vw; display: grid; grid-template-columns: 1fr 2fr; - grid-template-rows: 1fr 2fr 1fr; + gap: 2rem; } header { - grid-column: 1/3; grid-row: 1/2; + height: 5vh; + width: auto; + text-align: center; } footer { - grid-column: 1/3; - grid-row: 4/5; + grid-row: 3/4; + height: 5vh; + width: auto; + text-align: center; + align-self: end; } nav { - grid-column: 1/2; + grid-row: 2/3; + width: 10vw; + height: auto; + justify-self: end; } section { grid-column: 2/3; + grid-row: 2/3; + width: 55vw; }