Css Posts – Hack Club Scrapbook

Got my battery tracker app styled, added more functionality, and got it on a old Lenovo tablet.

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/83ed5e16-dcb6-4f52-a164-a4348b853e92-img_4566.jpg

working on same periodic table visualizer.... • generates SVG(s) of every element using python with svgwrite • then uses javascript and css and html to visualize it with layout... it's almost done, I'm giving it final touches

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/a3211321-be59-40fe-b0c6-5659846203f0-image.png

New Year Countdown website which counts up to the upcoming new year! Vercel :newyrcounter.vercel.app this website is made by me Uses JS Css HTML

https://scrapbook-into-the-redwoods.s3.amazonaws.com/1382c213-16ca-4198-a130-ff3d87cb4f9d-image.png

Day 2 of #15-days-in-public I spent an hour making my club dashboard so far look presentable! I also fixed a bug from yesterday where the user isn’t added to a club they create and added a navbar button to sign in if you’re signed out!

https://scrapbook-into-the-redwoods.s3.amazonaws.com/e4b67a78-124b-4c8f-b238-4351dc616104-image.png

(still) Day 2 of learning (to) and making a website: some CSS excersise

https://scrapbook-into-the-redwoods.s3.amazonaws.com/660a1a13-65d4-41fa-b71e-6c8843a7bb14-image.png

Day 3 of learning (to) and making a website:

https://scrapbook-into-the-redwoods.s3.amazonaws.com/87686ec4-177b-4396-9aef-3c219688ec34-image.png

personal website is finally up AND its css is actually functioning

latifahalabbad.github.io

https://cloud-hj0qeaoj1-hack-club-bot.vercel.app/0screenshot_2023-01-09_at_6.58.11_pm.png

css added to my personal website

https://cloud-ob62fh30v-hack-club-bot.vercel.app/0screenshot_2023-01-08_at_8.25.52_pm.png

5/#10-days-in-public: didnt manage to get much done today because i had to pack and take the 3 hour bus to school 😒 but check out this cool css proof of concept i managed to mangle together in the bus ride!

Day 2/10: Learning about Css Animations after mutammim recommend I check them out for the calucator I'm making! Also looked at Appscripts, and tried to figure it out to make something tommrow.

https://cloud-a1njfvxaf-hack-club-bot.vercel.app/0image.png

I made a couple of CSS themes. Links are: gist.githubusercontent.com/Omay238/e3a7482a0e21cf379fb00860918b787f/raw/0d10cd820e2ed0160078175c450909cc5aab95f1/scrapbook-theme-light gist.githubusercontent.com/Omay238/bae9ae4c12b8ca01a55e0aa90691ce0d/raw/9fba26bd41ab91c5825efbe0be1afd6b85dd98b9/scrapbook-theme gist.githubusercontent.com/Omay238/77b561d72afa1d57bbed18037cf3c655/raw/86440ada79a8ff5aa7a2c20d14e55a5af5ee19f9/scrapbook-theme-dark Also, the default color scheme, with more color adjustability easier: gist.githubusercontent.com/Omay238/30ef479dde836d5bcf9f7c51625a6633/raw/994d242c7d85b98ed93a67a0d4c2dec97cab2c74/scrapbook-theme-default It won't appear different then no theme, but it is easier to change the colors. It wasn't shown in the preview because there wasn't a point to doing that.

the website i used to learn html and css is done, time to make flappy birds in js

https://cloud-f7uv5h46m-hack-club-bot.vercel.app/0image.png

Messed around with simple.css. Tried out the features. Lots of llama photos and Latin text placeholders.

https://cloud-hrn8lneoa-hack-club-bot.vercel.app/0image.png

https://cloud-4jissa187-hack-club-bot.vercel.app/0image.png

https://cloud-r8mwsbmyk-hack-club-bot.vercel.app/0image.png

Today I had my Computer Science 💻 Final Exam!

And I think it went great! Also today I practiced a bit more of CSS Flexbox

with a few tutorials and examples! Also did a Hack Club's

Summer 2022 sketch based on the theories 🏕️ 🧭 🎈 we have made here on the Slack

about the event and with a small description with the help of some cool additional details!

https://cloud-9cgu34i5i-hack-club-bot.vercel.app/0captura_de_pantalla_2022-06-01_a_la_s__23.16.00.png

https://cloud-gjdsy6io2-hack-club-bot.vercel.app/0captura_de_pantalla_2022-06-01_a_la_s__23.15.27.png

https://cloud-fm8gohbqa-hack-club-bot.vercel.app/0summer.png

i wrote complex vanilla css! woah

https://cloud-dl5wlwcml-hack-club-bot.vercel.app/0image.png

Today starts May! And that means my birthday 🍰 🎂 is in two weeks!

Here's as well a picture of a plant 🌱 I took today and a very awesome picture of my new Scrapbook CSS Stylesheet!

This is the most complex design I've done for it: It includes a custom background with a texture, gradients, special sized borders with a cool

red color #EC2F3A I did with the hexadecimal value, and great Pseudo-elements like :before and :after! Also thanks to the #scrapbook Prisma/Postgres

database I learned that I have a 210 days streak! And speaking again on this, here's my Scrapbook website and the GitHub

Gist! Feel free to star ⭐ it if you like it!

https://cloud-mmkefkbpz-hack-club-bot.vercel.app/0screenshot_20220501_221430.jpg

https://cloud-dpie0dquw-hack-club-bot.vercel.app/0img_20220501_164543.jpg

I'm also making CSS Gradients as well!

Here's a code block with a custom gradient I did today!

I mixed colors using Photoshop

at school to get this: background: linear-gradient(0.25turn, #ec2f3a, #6126c7); 💻

https://cloud-ofspokeza-hack-club-bot.vercel.app/0captura_de_pantalla_2022-04-30_a_la_s__23.07.25.png

Helluuu, today I made some css changes to my personal website in emacs

and applied hackclub's css to it

<33!!

https://cloud-ckve62i2w-hack-club-bot.vercel.app/0image.png

Tomorrow I'm having Biology 🌱 Lab 🧪 again, but sadly

looks like the microscope 🔬 practices are finished, so the next ones are going to be different, more data-writing 📝 focused. Also I've been trying to work again on my website, and decided to use a gradient background so I'm learning how to to that with CSS

!

https://cloud-iu7vrq4h6-hack-club-bot.vercel.app/0screenshot_20220322_224522.jpg

Today it’s going to be a day with a lot of updates!

First 1️⃣ thing for today: 🎉 I finished the implementation of the "before" Pseudo-Element in CSS

that I learned yesterday for my Scrapbook

, here’s the code:

.nav-link-home::before {
  content: "Javier's ";
}

It's a bit small but effective! It adds my name before Scrapbook. Here's a picture showing how it looks like! 📷 Also I've been thinking about this very cool phrase 🦕 that used to appear on my Scrapbook Profile but now it's gone because I post daily since last year, but it's nice to remember and see how I've progress with time! Lastly, here's also a Parrot Fish picture! 🐠