css, diary
grid
2 weeks ago
parent
c404cf7077
commit
6685caba03
@ -0,0 +1,61 @@
|
||||
<!--230508,240301-->
|
||||
<h1>New Look, New Me </h1>
|
||||
#webdev<br>
|
||||
<br>
|
||||
|
||||
<p>Quickie post. I'm tired of the millennial pink and blue colors, so it's redesign time again! I'm not really changing much else for now. I got some more bugs out of the CSS, too. The pictures are very wide this time, so remember you can right-click and view the full-size image in your browser. </p>
|
||||
|
||||
<h2>Linux Rice </h2>
|
||||
|
||||
<center><img src="/static/img/ent/Rice_Grid.png" alt="(image: How my desktop looks. Everything's washed over with a pink tone, while the terminal has a deep eggplant background with white text and special text in minty cyan, neon chartreuse, soft red, hot magenta, and a shocking grape. I can't get enough of these colors.)" width="500" height="141"></center> <br>
|
||||
|
||||
<p>I desperately missed having my selection highlight be hot pink, so I riced my Linux a few months ago. I didn't know there were tools for customizing Cinnamon, so I brute-forced it lol. I used Cinnamox-Rhino as a base and made it pink. I guess you can have my theme if you want: <a href="/download/Pink-ONLY.zip">Pink-ONLY</a>. Why not? </p>
|
||||
|
||||
<p>I also got a pastel rainbow theme for Chromium, as well as edited my phone's look with Theme Park. I wish I could have brute-forced those, too, (or used legitimate full-feature tools lol), but it seemed too much effort at the time. My laptop's much more fun, with obnoxious unreadable fonts and everything. Personalizing your stuff is just great. </p>
|
||||
|
||||
<p>The terminal background is #0f0233, and the terminal colors are </p>
|
||||
<ul>
|
||||
<li>Midnight Green: #073642 </li>
|
||||
<li>Raspberry: #b61e54 </li>
|
||||
<li>Acid Green: #bbc704 </li>
|
||||
<li>Amber: #df9d0d</li>
|
||||
<li>Medium Slate Blue: #7d4afb</li>
|
||||
<li>Magenta: #fc45f3</li>
|
||||
<li>Medium Turquoise: #76e4d3</li>
|
||||
<li>Seashell: #eee8d5</li>
|
||||
<li>Gunmetal: #002b36</li>
|
||||
<li>Dark Orange: #d77010</li>
|
||||
<li>Cadet Blue: #586e75</li>
|
||||
<li>Slate Gray: #657b83</li>
|
||||
<li>Gray: #839496</li>
|
||||
<li>Medium Purple: #956ff6</li>
|
||||
<li>Cadet Blue: #93a1a1</li>
|
||||
<li>Seashell: #fdf6e3</li>
|
||||
</ul>
|
||||
|
||||
<p>Also my wallpaper is overmodded Oblivion, color-shifted to be more pink and blue. He's sitting up in the <a href="https://www.nexusmods.com/oblivion/mods/35895">Schlossbergturm Penthouse</a>, if you're curious. I prefer the original yellow and blue colorwash of the screenshot because it has similar existential vibes to Starry Night or The Sorrows of Young Werther, but pink and blue matches the theme better. </p>
|
||||
|
||||
<center><img src="/static/img/ent/pinkONLY-sofa.png" alt="(image: An Altmer sitting through a sofa in a broken tower in the rain. His legs clip through the floor, and he clips through the sofa cushion from the waist up.)" width="500" height="281"></center> <br>
|
||||
<center><img src="/static/img/ent/sofa.png" alt="(image: Same image, but instead of the pink and blue wash, this one has the original blue and yellow wash from the All Natural lighting mod.)" width="500" height="281"></center> <br>
|
||||
|
||||
<p> I also messed with all the text on the screen to have tacky unicode character spam. I would have downloaded a 00s glittery cursor, too, but I really couldn't find anything I preferred over my normal one. </p>
|
||||
|
||||
<p>Pretty.</p>
|
||||
|
||||
<h2>Proliferating my color scheme to my website </h2>
|
||||
|
||||
<p>So this is how Blessfrey pretty much always looked after the first few months of placeholders. I never figured out how to fit the sidebar in the grid properly in this run, but I tried. </p>
|
||||
|
||||
<center><img src="/static/img/ent/BlessfreyMe_250105.png" alt="(image: How Blessfrey.me looked on January 5, 2025. I used softer, dustier colors like millenial pink and blue.)" width="500" height="256"></center> <br>
|
||||
<center><img src="/static/img/ent/BlessfreyMe_250105_2.png" alt="(image: Another page.)" width="500" height="255"></center> <br>
|
||||
|
||||
<p>Then this is how it looks now. :) Not a revolutionary change, but I think the footer resizes properly on all resolutions and the sidebar repositions correctly when the screen is too narrow now. Also, the colors are brighter! I hope it's not too eye-straining haha, which I majorly tried to avoid last time. I just can't get enough of the high energy of bright grape on midnight eggplant lately, so sorry if it's a lot.<3 </p>
|
||||
|
||||
<center><img src="/static/img/ent/BlessfreyMe_250107.png" alt="(image: How Blessfrey.me looks on January 7, 2025. I used brighter purples, reds, and pinks this time.)" width="500" height="255.73"></center> <br>
|
||||
<center><img src="/static/img/ent/BlessfreyMe_250107_2.png" alt="(image: Another page, with acid green accents.)" width="500" height="257"></center> <br>
|
||||
|
||||
<h2>So fun! </h2>
|
||||
|
||||
<p>Also, I just realized I flipped the old gradient. How did that happen? Whatever...I'm done messing with it for now. Hopefully next, I can make fancy galleries instead of the first-working-solution stuff I have right now. Also, adding more art assets would be fun, too, but drawing is a lot a lot of effort.</p>
|
||||
|
||||
<p>See ya.^^ If I have my way, I have a few more things to write soon. </p>
|
||||
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 173 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 201 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 315 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 332 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.6 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.2 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.4 MiB |
Loading…
Reference in New Issue