Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[debt] Migrate CSS to Tailwind #203

Merged
merged 50 commits into from
Jan 2, 2025
Merged
Changes from 1 commit
Commits
Show all changes
50 commits
Select commit Hold shift + click to select a range
dcdfa44
Initial setup of Tailwind and migration of the HorizontalNav component
joseph-flinn Dec 19, 2024
8fb59c9
Replace the component styles with tailwind
joseph-flinn Dec 20, 2024
1e4a267
Fix logo padding
joseph-flinn Dec 20, 2024
939cf2d
Fix the static copyright year in RSS reader
joseph-flinn Dec 20, 2024
b5cbd59
Footer to tailwind
joseph-flinn Dec 20, 2024
90f00ce
Card component to Tailwind
joseph-flinn Dec 20, 2024
a1e6b99
PageTitle and ParagraphRenderer to Tailwind. Update card and Horizont…
joseph-flinn Dec 20, 2024
590eeec
Add bio to home page. Move skills to the new about page
joseph-flinn Dec 20, 2024
36402ae
Update Home and About with different data
joseph-flinn Dec 20, 2024
5924282
Initial commit for converting Socials component to Tailwind
joseph-flinn Dec 21, 2024
b34bee3
Drip page to Tailwind
joseph-flinn Dec 23, 2024
1990de1
Updating approach to Socials
joseph-flinn Dec 23, 2024
62af2bd
Update the CV download icon and fix Socials component on /about page
joseph-flinn Dec 23, 2024
f80be70
Rework custom color palette to be a single gradient
joseph-flinn Dec 30, 2024
5e9312e
Migrate [post] and Code*Renderers to Tailwind
joseph-flinn Dec 31, 2024
9002f83
Migrated QuoteRenderer to Tailwind
joseph-flinn Dec 31, 2024
0dea354
removing node_modules from the monorepo root
joseph-flinn Dec 31, 2024
ccf42bb
Migrate markdown table renderers to Tailwind
joseph-flinn Dec 31, 2024
bd6154e
Migrating the markdown quote renderer to Tailwind
joseph-flinn Dec 31, 2024
7511527
Abstracting the heavily modified SvelteMarkdown component to its own …
joseph-flinn Dec 31, 2024
3e06db9
Update the global CSS for the elements that Tailwind stripped by default
joseph-flinn Dec 31, 2024
af35612
Fix /drip page after color change
joseph-flinn Dec 31, 2024
5e4bf0b
Removing unneeded global.css
joseph-flinn Dec 31, 2024
5f561fe
Cleaning up global CSS
joseph-flinn Dec 31, 2024
5481bdc
Cleaning up custom renderers that are not needed
joseph-flinn Dec 31, 2024
833803f
Misc updates while comparing to current design
joseph-flinn Dec 31, 2024
4775464
Switching back to the original Ubuntu font
joseph-flinn Dec 31, 2024
5437354
Migrated /posts to Tailwind
joseph-flinn Dec 31, 2024
460c8f4
Small adjustments for the articles
joseph-flinn Dec 31, 2024
21b9489
Migrate column layout to Tailwind
joseph-flinn Dec 31, 2024
6cfddc7
Migrating to Tailwind
joseph-flinn Dec 31, 2024
ce622f4
Adding influential book data
joseph-flinn Dec 31, 2024
5d97366
Adding a few more books
joseph-flinn Dec 31, 2024
2132987
Migrating CMS DripTable to Tailwind
joseph-flinn Dec 31, 2024
acd714c
Migrate VerticalNav to Tailwind
joseph-flinn Dec 31, 2024
2af17ec
Migrate Button to Tailwind
joseph-flinn Dec 31, 2024
a0a2b31
Migrate CMS login page to Tailwind
joseph-flinn Dec 31, 2024
8c0da72
Migrate main CMS page to Tailwind
joseph-flinn Dec 31, 2024
4939d41
Migrate VerticalNavButton to Tailwind
joseph-flinn Dec 31, 2024
5ccaccc
Remove unused TabbedCard
joseph-flinn Dec 31, 2024
c163069
Migrate main CMS drip page to Tailwind
joseph-flinn Dec 31, 2024
7c4bbac
Migrate Drop edit page to Tailwind
joseph-flinn Dec 31, 2024
5ef787f
Migrated SVG CSS to custom Tailwind utility classes
joseph-flinn Jan 1, 2025
cd1215e
Migrating some of the Modal to Tailwind
joseph-flinn Jan 1, 2025
00c162d
Rename all of the PageTitles with capital letters
joseph-flinn Jan 1, 2025
c07fe98
Adding a larger break between PageTitle sections
joseph-flinn Jan 1, 2025
6539167
First pass at the Intro section
joseph-flinn Jan 1, 2025
1bb8da6
Write the About blurb
joseph-flinn Jan 2, 2025
4f2cd6c
Update the About, Influential Books, and Favorite Posts
joseph-flinn Jan 2, 2025
df5aceb
Merge branch 'main' into debt/tailwind-migration
joseph-flinn Jan 2, 2025
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Migrate column layout to Tailwind
joseph-flinn committed Dec 31, 2024

Verified

This commit was signed with the committer’s verified signature.
JonasKunz Jonas Kunz
commit 21b9489f2ab857f3221e3e13605f894d96cccfc9
44 changes: 4 additions & 40 deletions frontend/src/lib/layouts/CentralColumn.svelte
Original file line number Diff line number Diff line change
@@ -1,43 +1,7 @@
<div class="fullh-container">
<div class="side"/>
<div class="page">
<div class="absolute flex h-full w-full overflow-y-scroll overflow-x-clip">
<div class="grow"/>
<div class="flex flex-col w-full w-screen md:w-[800px]">
<slot></slot>
</div>
<div class="side"/>
<div class="grow"/>
</div>


<style>
.fullh-container {
position: absolute;
height: 100%;
width: 100%;
display: flex;
overflow-y: scroll;
overflow-x: clip;
}

.side {
flex-grow: 1;
}

.page {
width: 100%;
display: flex;
flex-direction: column;
}

@media only screen and (max-width: 600px) and (min-width: 300px) {
.page {
width: 100vw;
}
}

@media only screen and (min-width: 800px) {
.page {
width: 800px;
}
}
</style>