Skip to content

Commit c7b5a32

Browse files
committed
Hopefully PSF compliant logos
1 parent b524637 commit c7b5a32

File tree

7 files changed

+89
-31
lines changed

7 files changed

+89
-31
lines changed

assets/images/header-snake.svg

Lines changed: 0 additions & 11 deletions
This file was deleted.

assets/logos/pyaus-logo.svg

Lines changed: 32 additions & 9 deletions
Loading

assets/logos/python-logo.svg

Lines changed: 19 additions & 0 deletions
Loading

index.html

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -3,15 +3,15 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Python Australia</title>
6+
<title>Python Australia Community</title>
77
<link rel="stylesheet" href="style/style.css">
88
</head>
99
<body>
1010
<header>
11-
<img src="assets/images/header-snake.svg" alt="Python Snake" class="">
11+
<img src="assets/logos/python-logo.svg" alt="Python Snake" class="">
1212
<div>
13-
<h1>Python Australia</h1>
14-
<p class="intro">Python Australia is a community-run organisation dedicated to bringing together Python enthusiasts from across the country. We aim to connect Python-appreciators with local meetups, events, and initiatives to help grow and connect the Python community in Australia.</p>
13+
<h1>Python Australia Community</h1>
14+
<p class="intro">Python Australia Community is a community-run organisation dedicated to bringing together Python enthusiasts from across the country. We aim to connect Python-appreciators with local meetups, events, and initiatives to help grow and connect the Python community in Australia.</p>
1515
</div>
1616
</header>
1717

@@ -32,15 +32,17 @@ <h2>Local Python Meetups</h2>
3232
<div class="meetup-grid">
3333
<!-- Row 1 -->
3434
<div class="meetup-cell">
35-
<img src="assets/logos/Sydney-Python-Logo-transparent.png" alt="SydPy (Sydney Python) Logo" class="meetup-logo rounded">
36-
<a href="https://python.sydney/"><h3>SydPy (Sydney Python Meetup)</h3></a>
35+
<div class="meetup-header">
36+
<img src="assets/logos/Sydney-Python-Logo-transparent.png" alt="SydPy (Sydney Python) Logo" class="meetup-logo rounded">
37+
<a href="https://python.sydney/"><h3>SydPy (Sydney Python Meetup)</h3></a>
38+
</div>
3739
<p class="blurb">SydPy Meetup runs monthly in the Sydney CBD, follow our <a src="https://luma.com/sydneypython">Luma calendar</a> for events alerts.</p><p>We welcome Python-appreciators of all skill levels from all sectors. From students, to pro-devs, data scientists to UX engineers, we'd love to have you join us!</p>
3840
<p class="details">Frequency: Monthly<br>
3941
Location: Sydney, Central</p>
4042
<img src="assets/photos/sydpy-photo.jpg" alt="Sydney Meetup Event" class="meetup-photo">
4143
</div>
4244
<div class="meetup-cell">
43-
<img src="assets/images/logos/pythonwa-logo-inkscape.svg" alt="Python WA" class="meetup-logo">
45+
<img src="assets/logos/python-wa-logo.svg" alt="Python WA" class="meetup-logo">
4446
<a href="https://pythonwa.com/"><h3>Python WA</h3></a>
4547
<p class="blurb">Python WA meets every months for talks and social events. All Python fans welcome!</p>
4648
<p class="details">Frequency: Monthly<br>

style/style.css

Lines changed: 29 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ a:hover, a:focus {
2222

2323
.discord-promo {
2424
background: var(--python-yellow);
25-
padding: 2.5rem 1rem;
25+
padding: 2rem 1rem;
2626
margin: 2rem auto 2.5rem auto;
2727
border-radius: 14px;
2828
max-width: 900px;
@@ -42,7 +42,7 @@ a:hover, a:focus {
4242
object-fit: contain;
4343
background-color: var(--python-blue);
4444
border-radius: 100%;
45-
border: 2px solid var(--dark-blue);
45+
border: 2px solid var(--python-blue);
4646
box-shadow: 0 2px 8px var(--faint-shadow);
4747
}
4848

@@ -107,11 +107,31 @@ header {
107107
text-align: center;
108108

109109
img {
110+
margin-left: -56px;
111+
margin-top: -56px;
110112
justify-self: start;
111-
height: 10rem;
113+
align-self: flex-start;
114+
max-height: 10rem;
115+
transition: transform 0.4s ease-in-out;
116+
117+
&:hover {
118+
transform: translate(76px, 76px);
119+
}
120+
}
121+
122+
@media (prefers-reduced-motion: reduce) {
123+
img {
124+
margin-left: 20px;
125+
margin-top: 20px;
126+
margin-right: -20px
127+
}
128+
img:hover {
129+
transform: none;
130+
}
112131
}
113132

114133
div {
134+
padding: 1rem 0.5rem;
115135
width: 100%;
116136
}
117137

@@ -163,14 +183,19 @@ main {
163183
&:hover {
164184
box-shadow: 0 4px 20px color-mix(in oklab, var(--python-blue), transparent 50%);
165185
}
186+
187+
.meetup-header {
188+
display: flex;
189+
column-gap: 1rem;
190+
align-items: center;
191+
}
166192
}
167193

168194
.meetup-logo {
169195
width: 70px;
170196
height: 70px;
171197
object-fit: contain;
172198
border-radius: 8px;
173-
background: #e5e5e5;
174199
margin-bottom: 1rem;
175200
align-self: center;
176201

0 commit comments

Comments
 (0)