Skip to content

Commit d25897a

Browse files
authored
Adjust width to be at 80% (#171)
* Adjust width to be at 80% * Tweak margin
1 parent 372c480 commit d25897a

File tree

8 files changed

+36
-31
lines changed

8 files changed

+36
-31
lines changed

content/_index.md

+24-23
Original file line numberDiff line numberDiff line change
@@ -10,29 +10,28 @@ imagealt = "Website banner of PyLadiesCon 2024 Online. 6th-8th December | Multi-
1010
{{< rawhtml >}}
1111
<!-- TODO: Update banner -->
1212
<div style="background-image: url('/img/pyladies-wallpaper.png'); background-size: cover; background-position: center;" class="position-relative overflow-hidden p-1 p-md-3 m-md-1 text-start">
13-
<div class="d-md-flex flex-md-equal w-75 my-md-3 mx-auto align-items-center justify-content-start">
14-
<div class="col-md-5 p-lg-3 mx-auto my-5">
15-
<h1 class="display-4 fw-normal pink">PyLadiesCon</h1>
16-
<h4 class="special-font pink">2024 Online</h4>
17-
<p class="lead" style="font-weight: bolder;color: white;">
18-
6th-8th December<br>
19-
Multi-language | Multi-timezone
20-
</p>
21-
<div class="social w-100 mx-auto pt-3 text-start">
22-
<a href="https://fosstodon.org/@pyladiescon"><i class="fab fa-mastodon fa-2x px-2" aria-hidden="true"></i></a>
23-
<a href="https://bsky.app/profile/pyladiescon.bsky.social"><i class="fab fa-bluesky fa-2x px-2" aria-hidden="true"></i></a>
24-
<a href="https://instagram.com/pyladiescon"><i class="fab fa-instagram fa-2x px-2" aria-hidden="true"></i></a>
25-
<a href="https://www.linkedin.com/company/pyladiescon"><i class="fab fa-linkedin fa-2x px-2" aria-hidden="true"></i></a>
26-
<a href="https://twitter.com/pyladiescon"><i class="fab fa-twitter fa-2x px-2" aria-hidden="true"></i></a>
27-
</div>
28-
<div class="w-100 mt-2 text-start" style=color:#fff>Check the <a class=text-white href=/schedule>Schedule!</a></div>
29-
<div class="w-100 mt-2 text-start">
30-
<a href="https://pretix.eu/pyladiescon/2024">
31-
<button type="button" class="btn btn-pink btn-block mb-2 rainbow rainbow-1" data-toggle="collapse">REGISTER</button>
32-
</a>
33-
</div>
13+
<div class="d-md-flex flex-md-equal w-75 my-md-3 mx-auto align-items-center justify-content-start">
14+
<div class="col-md-5 p-lg-3 mx-auto my-5">
15+
<h1 class="display-4 fw-normal pink">PyLadiesCon</h1>
16+
<h4 class="special-font pink">2024 Online</h4>
17+
<p class="lead" style="font-weight: bolder;color: white;">
18+
6th-8th December<br>
19+
Multi-language | Multi-timezone
20+
</p>
21+
<div class="social w-100 mx-auto pt-3 text-start">
22+
<a href="https://fosstodon.org/@pyladiescon"><i class="fab fa-mastodon fa-2x px-2" aria-hidden="true"></i></a>
23+
<a href="https://bsky.app/profile/pyladiescon.bsky.social"><i class="fab fa-bluesky fa-2x px-2" aria-hidden="true"></i></a>
24+
<a href="https://instagram.com/pyladiescon"><i class="fab fa-instagram fa-2x px-2" aria-hidden="true"></i></a>
25+
<a href="https://www.linkedin.com/company/pyladiescon"><i class="fab fa-linkedin fa-2x px-2" aria-hidden="true"></i></a>
26+
<a href="https://twitter.com/pyladiescon"><i class="fab fa-twitter fa-2x px-2" aria-hidden="true"></i></a>
3427
</div>
35-
28+
<div class="w-100 mt-2 text-start" style=color:#fff>Check the <a class=text-white href=/schedule>Schedule!</a></div>
29+
<div class="w-100 mt-2 text-start">
30+
<a href="https://pretix.eu/pyladiescon/2024">
31+
<button type="button" class="btn btn-pink btn-block mb-2 rainbow rainbow-1" data-toggle="collapse">REGISTER</button>
32+
</a>
33+
</div>
34+
</div>
3635
</div>
3736
</div>
3837
{{< /rawhtml >}}
@@ -129,13 +128,13 @@ Know the sponsors of our conference.
129128
"https://numberly.com"
130129
"booster_numberly.png"
131130
>}}
132-
{{% /logosrow %}}
133131
134132
{{< sponsorlogo
135133
"Auth0"
136134
"https://auth0.com/"
137135
"booster_auth0.png"
138136
>}}
137+
139138
{{% /logosrow %}}
140139

141140
## Partner Sponsor
@@ -180,6 +179,8 @@ Know the sponsors of our conference.
180179
181180
{{% /logosrow %}}
182181

182+
{{% /mainrectangle %}}
183+
183184

184185
{{% pinkrectangle %}}
185186

content/about/_index.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -85,7 +85,7 @@ more details on how to volunteer!
8585
{{< pink >}}
8686
<!-- Organisers carousel -->
8787
<div class="d-md-flex flex-md-equal w-100 ps-md-3 bg-pink px-5">
88-
<div class="bg-pink mr-md-3 pt-3 px-3 mx-5 py-md-5 px-md-5">
88+
<div class="bg-pink mr-md-3 pt-3 px-3 py-md-5 px-md-5">
8989
<div class="row">
9090
{{< organizer
9191
"Mariatta"
@@ -147,7 +147,7 @@ more details on how to volunteer!
147147
{{< rawhtml >}}
148148
<div class="d-md-flex flex-md-equal w-100">
149149
<img class="w-100" src="/img/about-photo-3.png" alt="A black woman sitting in front of a server room while working on a laptop.">
150-
</div>
150+
</div>
151151
{{< /rawhtml >}}
152152

153153

themes/pyladies/assets/css/main.css

+4
Original file line numberDiff line numberDiff line change
@@ -527,6 +527,10 @@ h2 a {
527527
width: 60%;
528528
}
529529

530+
.w-80 {
531+
width: 80%;
532+
}
533+
530534
/* For columns shortcodes */
531535
.md-columns {
532536
display: flex;

themes/pyladies/layouts/_default/list.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
{{ $dateMachine := .Date | time.Format "2006-01-02T15:04:05-07:00" }}
44
{{ $dateHuman := .Date | time.Format ":date_long" }}
55
<!--<time datetime="{{ $dateMachine }}">{{ $dateHuman }}</time>-->
6-
<div class="d-md-flex flex-md-equal w-100 my-md-3 ps-md-3">
6+
<div class="d-md-flex flex-md-equal w-80 my-md-3 ps-md-3">
77
<div class="bg-light me-md-3 py-3 px-3 py-md-5 px-md-5 overflow-hidden">
88
{{ .Content }}
99
{{ partial "terms.html" (dict "taxonomy" "tags" "page" .) }}

themes/pyladies/layouts/_default/single.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
{{ $dateMachine := .Date | time.Format "2006-01-02T15:04:05-07:00" }}
44
{{ $dateHuman := .Date | time.Format ":date_long" }}
55
<!--<time datetime="{{ $dateMachine }}">{{ $dateHuman }}</time>-->
6-
<div class="d-md-flex flex-md-equal w-100 my-md-3 ps-md-3">
6+
<div class="d-md-flex flex-md-equal w-80 my-md-3 ps-md-3">
77
<div class="bg-light me-md-3 py-3 px-3 py-md-5 px-md-5 overflow-hidden">
88
{{ .Content }}
99
</div>

themes/pyladies/layouts/news/single.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{{ define "main" }}
22

3-
<div class="d-md-flex flex-md-equal w-100 my-md-3 ps-md-3">
3+
<div class="d-md-flex flex-md-equal w-80 my-md-3 ps-md-3">
44
<div class="bg-light me-md-3 py-3 px-3 py-md-5 px-md-5 overflow-hidden">
55
<h1>
66
{{ .Title }}

themes/pyladies/layouts/shortcodes/mainrectangle.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
<div class="d-md-flex flex-md-equal w-100 my-md-3 ps-md-3">
1+
<div class="d-md-flex flex-md-equal w-80 my-md-3 ps-md-3 w-100">
22
<div class="bg-light me-md-3 py-3 px-3 py-md-5 px-md-5 overflow-hidden">
3-
<div class="my-3 py-3 px-5">
3+
<div class="my-3 py-3 px-5 w-80">
44
{{ .Inner }}
55
</div>
66
</div>

themes/pyladies/layouts/shortcodes/pinkcolumns.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<div class="rowcolumn">
22
{{ range split .Inner "<--->" }}
3-
<div class="pinkcolumn">
3+
<div class="pinkcolumn mx-5">
44
{{ printf "<div class=\"markdown-inner\">" | htmlUnescape | safeHTML }}
55
{{ . | safeHTML }}
66
{{ printf "</div>" | htmlUnescape | safeHTML }}

0 commit comments

Comments
 (0)