tailwind emoji

Posts tagged with :tailwind:

toonnongaeoy
@toonnongaeoy3
Day 5 & 6 of #15-days-in-public : Small change, Added Tailwind CSS and (WIP Youtube Sub Count.)
https://scrapbook-into-the-redwoods.s3.amazonaws.com/645539cc-c684-4d4b-85bc-a12700b15bc0-image.png
spring-of-making emoji
tailwind emoji
sahitid
@sahitid0
:sahiti-watches-sword: :shipitparrot: personal website ship incoming :sahiti-watches-sword: :shipitparrot: i've just made the official v2 of my personal website! final site can be found: sahiti.vercel.app :goose-honk-right: (bye-bye sahiti-personal-website-v1.vercel.app). the entire site took around 15ish hours to make (i re-coded the entire thing 3 times, if you've been following along in #scrapbook) i am so so happy with how it looks, and also with how much i learned by myself to code this website with next.js :nextjs: and tailwind :tailwind: (the best languages, don't tell me otherwise). and yes, before you ask @sarthak it IS mobile friendly :) some of my fav parts of site: • click & draggable tooltip feature on description wording • animated icons on hover • click on da boat :paper-boat: for a surprise 🔗 site: <https://sahiti.vercel.app/|https://sahiti.vercel.app/> :figma: figma designs: www.figma.com/design/UkiYvZsqy8yjBtdW9c61lE/personal-website-design-v4?node-id=0-1&t=L0ZlhqaQzIQ8c6I5-1 :githubparrot: github: github.com/sahitid/sahiti-personal-website-v2 thank you @sarthak_,_ @zoyashussain_,_ @RyanDu-U04QM0MH6TV_,_ #hack-hour and everyone else who helped me with design iterations through this wild wild process.
https://scrapbook-into-the-redwoods.s3.amazonaws.com/33887bd7-a815-4666-91f5-4f758983adde-image.pnghttps://imgutil.s3.us-east-2.amazonaws.com/4f675f18e6abcf57572d0ec67184abace0baa0aa1e89500c67feb8d17654dad3/8c2b239d-1e2c-42b3-ab08-190a283d2b27.png
acon
@acon0
some things i've been up to [trying to log arcade hours] 1 - work on my personal site! trying to rebuild it w react + tailwind (tailwind is actually so nice to use i wish i started sooner) - screenshot down below! its kinda scuffed rn 2 - arcade stuff!!!!!! tho idk how much im allowed to leak so im gonna play it safe 💀 but art + design stuff this week, mostly!
https://scrapbook-into-the-redwoods.s3.amazonaws.com/61339ce7-a83e-432e-bd54-745dce626a6b-image.png
sahitid
@sahitid0
:shipitparrot: 💌 #leaders and clubs ship :shipitparrot: 💌 i spent the last week working on Leaders Letters, a new blog article page for running advice and sharing stories - from club leaders, for club leaders. this was heavily inspired by purdue hackers blog and @matthew. when i read technicolor last year, my club was nonexistent, my administration had probably blocked me on email, and i was on the verge of quitting. but at a time like this, i somehow stumbled upon this beautiful piece of writing and the words "EVERY SCHOOL NEEDS A HACK CLUB KID". it forced me to realize that my end goal was to create a space for students like me with hacker culture that just didn't exist. okay, maybe i wouldn't wear a hack club sticker cape - but i could definitely be the "hack club kid" at my school. i found a second home in hack club and through the process, was empowered to start a similar ecosystem at my own school. fast forward to today, not only does the miraculous club that i once dreamt of running exist, but we have people like @TishaKaur @ChristianDutton-U04E0LL16MA @AanyaKungwani from that club who have gone on to become a deeper part of hack club through hackathons, #days-of-service (#blossom), #forsyth-hacks :forsyth-hacks-2-bolt:, & #the-summit :leaders-summit:. we have had huge meetings with successful workshops that have propelled people to join hack club, but mainly a lot of smaller ones that just seem like hanging out with a group of friends and creating projects :taco-dance:. this year, i had the greatest pleasure of onboarding @PaulKim, @michelle, and @RyanDu-U04QM0MH6TV and we've created an even larger cohort of metro-atlanta hack clubs who are working to create #hack-the-aquarium :ocean-magic_wand:. when i joined hack club, it was something extraordinary and out worldly and allowed me to find "my people". when i became a hack club leader, i was given the platform and tools to help others like me find each other and a school-wide and now city-wide tight-knit community in atlanta. i am just so grateful i took this jump after hearing all the experiences of past leaders. leaders letters is written in next.js :nextjs: and tailwind :tailwind: and will be updated with monthly leader blog articles or stories that need to be shared. the goal of the site is to serve as a stagnant place for the greatest memoirs that will help boost and inspire future leaders, and in the process allow current leaders to have their voices heard. :heart-eng: my final ask is if you're a leader who wants to share your story, don't hesitate! send me a DM or make a PR with the instructions in the repository! and more importantly, if you're not a leader, apply to be one and remember that it's never too late to start. trust me, it literally changed my life and every day helps me change others' lives as well. :githubparrot: github.com/sahitid/leaders-letters 🔗 hackclub.com/letters huge thank you to @fayd & @ShubhamPatil for moral support and helping me with the website coding. also thank you @matthew for the inspiration (from realizing that technicolor & future letters needed a home). and lastly, thank youuu :blobheart: @SarahDowden for the moral support and conversations that kept me sane through the work.
https://scrapbook-into-the-redwoods.s3.amazonaws.com/c0d27ca5-9155-48b6-a5b5-c97c7f36258a-letters_from_leaders.pnghttps://imgutil.s3.us-east-2.amazonaws.com/3e338212abd111213959424615fec02c5b142b807e95c03a73107514f96de948/250a9c14-faf2-40e3-b7f9-85a70f5a769f.png
Aram
@Aram0
🚢 ANOTHER WEBSITE SHIP 🚢 I shipped 3 new pages for my website! The first one is a photos page, it pulls automatically from my Flickr for the photos and uses static images as fallback. The second one is a blog, it uses markdown files and tailwind typography for rendering them nicely! The third one is super simple but its a stack page, It includes the tools I use. Hardware and software! The website is written in :nextjs: Next.js and :tailwind: Tailwind CSS. It's all open source! ⭐ it on GitHub and live on aram.sh
https://scrapbook-into-the-redwoods.s3.amazonaws.com/356954c2-3c84-4406-8d1a-d02d5937d741-image.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/3aa4c7e8-6e67-4967-861d-3cca7d109df9-image.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/86f52934-d3ce-4771-b295-a54c171b19bd-image.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/acf24e6a-b7b4-449b-acde-0bfd82870189-image.pnghttps://imgutil.s3.us-east-2.amazonaws.com/71aa43726029a36799259ed104cfb8758c20049951f5a659b1f28259ad78af04/4abb2e3c-82b8-4d10-953b-2eb29f3f1bee.png
Aram
@Aram0
🚢 WEBSITE SHIP 🚢 Coming soon to my website: a live widget showing what I am listening to! This was a fun one as I was learning how more secure APIs work and will come in useful for future projects! Built with :nextjs:, :react:, :typescript: and :tailwind: ! Inspired by @itsmingjie’s monolith website widget! Coming soon to an aram.sh near you!
sheryl
@sheryl0
getting back into react+tailwind, and pics from summer so far!
https://scrapbook-into-the-redwoods.s3.amazonaws.com/206fe56a-c69d-4256-8927-a1ae5efad25f-screen_shot_2023-08-05_at_12.56.53_am.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/a7036ff5-7627-4289-b095-bab6fb034fbd-screen_shot_2023-08-05_at_12.46.13_am.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/46cbfba9-8e5b-4a39-85b4-c51fd35215bc-screen_shot_2023-08-05_at_12.57.19_am.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/456f5e2c-483f-4a03-a509-b1b23637c303-screen_shot_2023-08-05_at_12.57.04_am.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/0031e036-93a5-4c5f-bcfe-d5d10807853f-screen_shot_2023-08-05_at_12.56.36_am.png
react emoji
tailwind emoji
Marios
@Marios7+
Sveltekit + TailwindCSS is one of the best combos I have used imo
https://scrapbook-into-the-redwoods.s3.amazonaws.com/b227c395-28ea-4b9d-bf87-b463cfaa1063-image.png
tailwind emoji
svelte emoji
ZeroQL
@ZeroQL0
#w-of-the-day day 183 I was busy with personal errands today so not much, I've decided to not use tailwind or any css library and yeah this is pretty complicated.
https://scrapbook-into-the-redwoods.s3.amazonaws.com/cb10757e-4afe-489d-b704-c65527c8aa2e-image.png
tailwind emoji
AkshithGarapati-U035DSTF9NX
@AkshithGarapati-U035DSTF9NX0
Building akshith.io with like an “intro” sorta thingy (idk what i’m doing) using next, tailwind
https://scrapbook-into-the-redwoods.s3.amazonaws.com/c267f194-daa0-4a84-b01a-0eb4b45bccab-screenshot_2023-05-14_at_2.26.29_pm.png
nextjs emoji
tailwind emoji
cytronicoder
@cytronicoder0
I learned Tailwind CSS yesterday!
https://scrapbook-into-the-redwoods.s3.amazonaws.com/2fe50030-1e78-4c78-a76d-f842d7a87ec7-screenshot_2023-04-10_at_6.33.27_am.png
tailwind emoji
spring-of-making emoji
m04
@m040
Finally got rails :rails2: set up to my liking for working on the #oblong-dev admin panel! Also ft. Tailwind :tailwind: which is kinda growing on me? I still think theme UI is better for things that aren't just quick prototypes and can use React but tailwind isn't too bad
https://cloud-8ll04jt2g-hack-club-bot.vercel.app/0image.png
wom emoji
tailwind emoji
ByteAtATime
@ByteAtATime0
https://cloud-h3azktho0-hack-club-bot.vercel.app/09e1d012b-5e5e-483a-a50f-5b073ae79d9e.jpeg
wom emoji
tailwind emoji
svelte emoji
adelly13
@adelly130
day 8 of #10-days-in-public! i built and deployed the first version of my personal website which was built with next.js and tailwind css today using vercel! still need to fix up the meta data, but so happy everything is coming together!
https://cloud-himfayigo-hack-club-bot.vercel.app/0image.png
10daysinpublic emoji
tailwind emoji
vercel emoji
nextjs emoji
js emoji
robert
@robert0
Day 8 #10-days-in-public! I got Next and Tailwind running for my site and tinkered around a little, finished AoC day 8, and got started on the deep learning book!
https://cloud-3jie1r86t-hack-club-bot.vercel.app/0image.pnghttps://cloud-gcjzf4w5n-hack-club-bot.vercel.app/0image.pnghttps://cloud-2b3uwfzfb-hack-club-bot.vercel.app/0image.png
aoc emoji
tailwind emoji
10daysinpublic emoji
belle
@belle0
didn't make that much progress today with the lecture series, still on the same lecture about aircraft performance :)) i did learn a cool/fun fact about flying planes though, most of the time, headwind is better than tailwind because at the right angle of attack (angle of your plane relative to the wind), it helps generate greater lift :) day 4 of #10-days-in-public
https://cloud-4nb0ydh9q-hack-club-bot.vercel.app/0screenshot_2022-12-01_at_8.59.23_pm.png
maggie
@maggie0
day 2 of #10-days-in-public! @AdithyaPappula-U03MRQPF7N3 made a super cool design for the #epoch-ba website, so i started implementing that in :astro: + :tailwind:
https://cloud-au2y914ap-hack-club-bot.vercel.app/0image.png
tailwind emoji
10daysinpublic emoji
astro emoji
cooll-dino emoji
epoch emoji
maggie
@maggie0
day 1 of #10-days-in-public! started designing the website for #epoch-ba... my plan is to build it in :astro: + :tailwind: if no one objects lol
https://cloud-hphwhsh1g-hack-club-bot.vercel.app/0image.png
10daysinpublic emoji
tailwind emoji
epoch emoji
adelly13
@adelly130
day 1/10 of #10-days-in-public! working on building my personal website using next.js and tailwind css! today, i set up the repo and put in a rough sketch of the homepage that i had designed on figma a few weeks prior! first time using next.js and tailwind css in combination, so still getting used to everything 😄
https://cloud-lsohetkqu-hack-club-bot.vercel.app/0image.png
figma emoji
10daysinpublic emoji
js emoji
tailwind emoji
nextjs emoji
tinu
@tinu0
day 8 of #10-days-in-public! can't believe there's only 2 days left. Today, I drafted a landing page for my app grade melon using tailwind. I used framer motion for staggered slide in animations (not shown here). Still not sure how I wanna layout the images.
https://cloud-aoe3w7rej-hack-club-bot.vercel.app/0image.png
zrl
@zrl0
Day 4/10 of #10-days-in-public! During this time, I’m building a new version of zachlatta.com that pulls content from my Obsidian notes repo. Today I focused on getting my first styling on the site together. I tried out Tailwind for the first time, and am intrigued by the idea of utility classes instead of writing CSS for everything. It’s not looking great yet, but proud of this progress and excited to continue tomorrow. You can see the WIP of the site at beta.zachlatta.com as I’m working on it.
https://cloud-flkg6dneo-hack-club-bot.vercel.app/0screen_shot_2022-10-08_at_11.45.47_pm.png
tailwind emoji
toby
@toby0
here's my update for day 4 of #10-days-in-public! i very quickly made a landing page for tilde using next.js and tailwind. here's a link to the github repo: github.com/developedbytoby/tilde-site!
https://cloud-m0nf7co1k-hack-club-bot.vercel.app/0image.png
yay emoji
github emoji
tailwind emoji
nextjs emoji
sam
@sam1
Gonna start experimenting with building ui components in Svelte with tailwindcss! Hopefully I can do something before the busyness catches up again.
https://cloud-6itj1dqhr-hack-club-bot.vercel.app/0image.png
svelte emoji
tailwind emoji
arav
@arav0
I'm getting somewhere! Tailwind is really cool!
https://cloud-ozapb3gcm-hack-club-bot.vercel.app/0image.png
tailwind emoji
summer-of-making emoji
arav
@arav0
getting somewhere with the site!
https://cloud-qzgjhma73-hack-club-bot.vercel.app/0image.png
christina695
@christina6950
Using tailwind for the first time
https://cloud-oj4m698gy-hack-club-bot.vercel.app/0screen_shot_2022-08-06_at_2.03.40_am.png
summer-of-making emoji
tailwind emoji
ian
@ian0
Working on the website for :conflict:
https://cloud-33ptsrrgx-hack-club-bot.vercel.app/0image.png
conflict emoji
tailwind emoji
wom emoji
caleb
@caleb0
tailwind enjoyer :tailwind:
https://cloud-8lw38svrq-hack-club-bot.vercel.app/0screen_shot_2022-02-20_at_7.13.26_pm.png
tailwind emoji
wom emoji
kaidevrim
@kaidevrim0
Started work on my website redesign. Tailwind + Snowpack + Typescript + React
https://cloud-m6whafhxb-hack-club-bot.vercel.app/0image.png
tailwind emoji
typescript emoji
wom emoji
react emoji
jzaleta
@jzaleta0
Today I learned more about CSS Frameworks including Tailwind CSS! Also tomorrow I'm going back to school after having online classes for a long time!
https://cloud-e0m2pyxi4-hack-club-bot.vercel.app/0screenshot_20220130_195322.jpg
tanishq
@tanishq0
#Day 1 of learning TailwindCSS
https://cloud-4tdu1hhuh-hack-club-bot.vercel.app/0image.png
aaryan
@aaryan0
Making progress on my mobile first nextjs tailwind portfolio website! Making this website has been very rewarding and I think I really like using tailwind! Today i just finished my navbar ✨
https://cloud-9967km8er-hack-club-bot.vercel.app/0image.png
nextjs emoji
tailwind emoji
upvote emoji
wom emoji
caleb
@caleb0
Makin' a Tailwind plugin to ship later today!
https://cloud-4bgsu5jl8-hack-club-bot.vercel.app/0screen_shot_2022-01-13_at_12.37.39_pm.png
syn
@syn0
Just finished making a website for my friend! Made with Next.js, TypeScript, and TailwindCSS. ctt.cx
aom-21 emoji
js emoji
nextjs emoji
tailwind emoji
typescript emoji
maggie
@maggie0
working on a website to test out my tailwindcss plugin
https://cloud-k8idh67wr-hack-club-bot.vercel.app/0demo.png
summer21 emoji
tailwind emoji
maggie
@maggie0
making a tailwindcss plugin that adds variants for multiple color themes
https://cloud-obklcy9q1-hack-club-bot.vercel.app/0tailwind-themes.png
tailwind emoji
summer21 emoji
caleb
@caleb0
Working on a little thing with :svelte: + :tailwind:
tailwind emoji
spring-of-making emoji