aboutsummaryrefslogtreecommitdiffstats
path: root/pydis_site/static/css/home (follow)
Commit message (Collapse)AuthorAgeLines
* Timeline: Move the new timeline.css in and have git recognize the renameGravatar hedy2024-05-24-432/+0
|
* Fix typo in timeline.css commentGravatar hedy2024-03-22-1/+1
|
* Timeline: Implement arrow on content boxesGravatar hedy2024-03-21-19/+48
|
* Use semantic class names in the timeline consistent with BulmaGravatar hedy2024-03-21-32/+32
| | | | | | | | | | Also turns out I was using the Bulma .content class wrong this whole time. We just need to slap that class onto a div and anything inside can be the output of, say a markdown -> HTML converter! Fix messy spacing and extraneous whitespace in the HTML as well. Special thanks to Vim macros.
* Timeline: Better design structureGravatar hedy2024-03-20-59/+105
| | | | | | | | | | | | | | - Put CSS for the pydis banner item (Aperture's logo design) inline style rather than using a class. - Style icons that uses images separate from icons that uses the pydis logo image. - Rename the pydis logo image to be more descriptive. - Group the icon and date components together for easier and more robust styling (see CSS comments). - More descriptive alt text for pydis icons. - Added responsibility: EVEN smaller icons on mobile. - Align content boxes about the middle axis rather than relying on container padding.
* Timeline: Add mobile layout, support SafariGravatar hedy2024-03-19-141/+127
| | | | | | | | Also - Add comments in CSS - Remove `-webkit` rules because most of them are deprecated And uh, I forgot, but the title summarises them!
* Timeline: Adjust spacing between timeline itemsGravatar hedy2024-03-19-1/+1
|
* Semantic animation names for timeline.cssGravatar hedy2024-03-19-24/+25
|
* Conform to 4-spaces indent for timeline.cssGravatar hedy2024-03-19-241/+241
|
* Timeline: Use an accentuated grey border for iconsGravatar hedy2024-03-19-1/+1
| | | | The grey was there as a placeholder before this.
* Timeline: Use Bulma has-background-primary class for PyDis logoGravatar hedy2024-03-19-5/+0
|
* Center align the timeline line (container ::before pseudoelement)Gravatar hedy2024-03-19-1/+1
|
* Fix typo in timeline.css CSS-variableGravatar hedy2024-03-19-1/+2
| | | | | | | Unfortunately there is a merge commit (with merge conflicts) in between this change and the timeline commit before it. Perhaps in a few years time when I'm more confident in rebasing I'll be able to amend that commit to include this fix.
* Timeline: Initial rewrite of CSSGravatar hedy2024-03-19-3739/+287
|
* Dark: Use alternate images for homepage, resources, eventsGravatar hedy2024-01-28-8/+0
| | | | | | Thanks to lemon for editting all the images. Co-authored-by: Leon Sandøy <[email protected]>
* Dark: Fix timeline icon bordersGravatar hedy2024-01-28-0/+4
|
* Dark: Darken nav, hero, hero waves, button, body backgroundsGravatar hedy2024-01-28-2/+27
|
* Dark: Better shadowsGravatar hedy2024-01-18-5/+1
|
* Dark: Use original light theme colors everywhereGravatar hedy2024-01-18-1/+9
| | | | | Adjusted box-shadow for dark mode to be more readable, unfortunately this gave it a little neomorphism effect...
* Dark: Use link color of better contrastGravatar hedy2024-01-13-3/+3
|
* Dark: Fix timeline color for bordersGravatar hedy2024-01-12-2/+9
|
* Dark: Fix sizing of sponsors' logosGravatar hedy2024-01-12-6/+18
| | | | | | Also works on mobile. I *love* CSS.
* Dark: Fix backgrounds on sponsors section on homepageGravatar hedy2024-01-06-11/+50
| | | | | | | | | | | | | | | | | | See https://discord.com/channels/267624335836053506/635950537262759947/1193170173574774855 Idea from go.dev -- add background to each sponsor logo and put them in a grid. Also set the sponsor section background color to match that of footer's. Issue pointed out by @ChrisLovering on discord. This is an initial draft. As of now this works from my own testing: - Consistent & uniform spacing (gaps) - Supports mobile - No affect to light theme other than the arrangement - Logos do not get squashed, ever
* Dark: Fix all link hover colors (hopefully) everywhereGravatar hedy2024-01-05-2/+2
|
* Dark: Fix shadows & borders colors on the homepageGravatar hedy2024-01-05-4/+18
|
* Dark: Inline selectors for the hero bottom waveGravatar hedy2024-01-05-4/+3
|
* Dark: Fix hero colors on homepageGravatar hedy2024-01-05-0/+10
| | | | | | | | | | We can now use `[data-theme="dark"]` selector in CSS to defined styles specifically for dark mode. This follows common web dev patterns and gives little overhead. - Hero - Added `wave_black` SVG which copies `wave_white` as is but uses the site's dark mode background color.
* Dark: Fix most colors on timelineGravatar hedy2023-12-14-7/+0
| | | | A LOT of colors are still hardcoded in the CSS
* Fix all conflictsGravatar hedy2023-12-14-3/+7
|\ | | | | | | hopefully I dont have to do this again
| * Improve icon size and alignment.Gravatar kosayoda2022-06-26-2/+1
| |
| * Add hover transition to match welcome video.Gravatar kosayoda2022-06-19-0/+1
| |
| * Show shadow on hover for CJ frontpage banner.Gravatar kosayoda2022-06-18-1/+5
| |
* | Remove clashing cssGravatar GDWR2022-02-09-5/+0
|/
* Properly Resize Sponsor LogosGravatar Hassan Abouelela2021-10-06-2/+10
| | | | | | | Ensure sponsor logos don't go past the edge of the screen, and maintain aspect ratio when sized down. Signed-off-by: Hassan Abouelela <[email protected]>
* Remove the 100K user banner.Gravatar Leon Sandøy2021-03-24-0/+4
|
* Reduces The Width Of The Sponsors TabGravatar Hassan Abouelela2021-03-23-0/+2
| | | | Reduces the width of the sponsor tab to reduce the chance of one logo ending up on a new line by itself.
* Centers Sponsor TitleGravatar Hassan Abouelela2021-03-23-0/+2
|
* Centers Sponsor LogosGravatar Hassan Abouelela2021-03-23-1/+5
| | | | Center justifies sponsor logos on the home page to make wrapping look cleaner.
* Merge branch 'master' into frontpage-100kGravatar Joe Banks2020-10-24-0/+80
|\
| * Improve timeline page animationGravatar ks1292020-10-22-0/+80
| | | | | | | | | | | | Instead of just leaving all elements like they are when bounce-in is done, when they leave from view, make them bounce out and hidden again to let them bounce-in again.
* | Fix video aspect in timeline, quote img src urls.Gravatar scragly2020-10-23-14/+0
| | | | | | | | | | | | After updating the frontpage and creating an fixed-aspect-ratio style pair, I found I could just reuse them in the timeline to fix the inconsistent responsive aspect ratio that was occurring there. Some img src values also were not quoted; while this can work fine, it can break if the url has spaces or certain characters and is inconsistent with the rest of the project.
* | Use sections, remove unused CSS, improve repo cards.Gravatar scragly2020-10-23-113/+135
| |
* | Override notice bottom margin, use new class instead of bulma class.Gravatar scragly2020-10-22-1/+2
| |
* | Add a message section to replace hero section for mobiles.Gravatar scragly2020-10-22-0/+5
| |
* | Use local svgs for wave elements.Gravatar scragly2020-10-22-2/+2
| |
* | Add wave-style hero, 100K promo, timeline card.Gravatar scragly2020-10-22-14/+113
|/
* Fix some icon sizing in timeline CSSGravatar Joe Banks2020-10-22-7/+13
|
* Update font sizingGravatar Joe Banks2020-10-12-1/+1
| | | Co-authored-by: scragly <[email protected]>
* Align server icons betterGravatar Joe Banks2020-10-12-2/+13
|
* Make dark blue darker to separate from blurpleGravatar Joe Banks2020-10-12-1/+1
|