Skip to content

Commit df1234b

Browse files
gtcagtca
committed
pre-commit
1 parent 49ae70a commit df1234b

File tree

1 file changed

+56
-47
lines changed

1 file changed

+56
-47
lines changed

‎layouts/page/conference.html

Lines changed: 56 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,29 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>{{ .Title }}</title>
7-
<link rel="preconnect" href="https://fonts.googleapis.com">
8-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9-
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;800&display=swap" rel="stylesheet">
7+
<link rel="preconnect" href="https://fonts.googleapis.com" />
8+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
9+
<link
10+
href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;800&display=swap"
11+
rel="stylesheet"
12+
/>
1013
<style>
1114
* {
1215
margin: 0;
1316
padding: 0;
1417
box-sizing: border-box;
1518
}
16-
19+
1720
body, html {
1821
height: 100%;
1922
font-family: 'Inter', sans-serif;
2023
color: white;
2124
overflow: hidden;
2225
}
23-
26+
2427
.background-container {
2528
position: absolute;
2629
top: 0;
@@ -30,15 +33,15 @@
3033
z-index: -1;
3134
background-color: #000;
3235
}
33-
36+
3437
.background-container img,
3538
.background-container video {
3639
width: 100%;
3740
height: 100%;
3841
object-fit: cover;
3942
opacity: 0.8;
4043
}
41-
44+
4245
.overlay {
4346
position: absolute;
4447
top: 0;
@@ -48,7 +51,7 @@
4851
background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5));
4952
z-index: -1;
5053
}
51-
54+
5255
.content {
5356
height: 100%;
5457
display: flex;
@@ -59,7 +62,7 @@
5962
margin: 0 auto;
6063
text-align: center;
6164
}
62-
65+
6366
h1 {
6467
font-size: clamp(3rem, 10vw, 5rem);
6568
font-weight: 800;
@@ -78,31 +81,31 @@
7881
opacity: 0.5;
7982
margin: 1rem 0;
8083
}
81-
84+
8285
.date-location {
8386
font-size: clamp(1.5rem, 3vw, 2rem);
8487
font-weight: 400;
8588
margin-bottom: 5rem;
8689
opacity: 0.8;
8790
}
88-
91+
8992
.subtitle {
9093
font-size: clamp(1rem, 2vw, 1.25rem);
9194
font-weight: 300;
9295
max-width: 700px;
9396
margin: 0 auto;
9497
line-height: 1.6;
9598
}
96-
99+
97100
.highlight {
98101
color: {{ .Params.highlightColor | default "#64ffda" }};
99102
font-weight: 400;
100103
}
101-
104+
102105
.social-links {
103106
margin-top: 1rem;
104107
}
105-
108+
106109
.social-links a {
107110
display: inline-block;
108111
margin: 0 0.75rem;
@@ -112,54 +115,60 @@
112115
text-decoration: none;
113116
opacity: 0.8;
114117
}
115-
118+
116119
.social-links a:hover {
117120
color: {{ .Params.highlightColor | default "#ff0000" }};
118121
transform: translateY(-.1rem);
119122
border-color: transparent;
120123
opacity: 1.0;
121124
transition: all 0.3s;
122125
}
123-
126+
124127
@media (max-width: 768px) {
125128
.content {
126129
padding: 1.5rem;
127130
}
128-
131+
129132
.social-links {
130133
margin-top: 2rem;
131134
}
132135
}
133136
</style>
134-
</head>
135-
<body>
137+
</head>
138+
<body>
136139
<div class="background-container">
137-
{{ if .Params.backgroundVideo }}
138-
<video autoplay muted loop>
139-
<source src="{{ .Params.backgroundVideo }}" type="video/mp4">
140-
</video>
141-
{{ else }}
142-
<img src="{{ .Params.backgroundImage | default "/images/conference-background.jpg" }}" alt="Conference background">
143-
{{ end }}
140+
{{ if .Params.backgroundVideo }}
141+
<video autoplay muted loop>
142+
<source src="{{ .Params.backgroundVideo }}" type="video/mp4" />
143+
</video>
144+
{{ else }}
145+
<img
146+
src="{{ .Params.backgroundImage | default "/images/conference-background.jpg" }}"
147+
alt="Conference background"
148+
/>
149+
{{ end }}
144150
</div>
145151
<div class="overlay"></div>
146-
152+
147153
<div class="content">
148-
<div class="preamble">
149-
<span>{{ .Params.label | default " " }}</span>
150-
</div>
151-
<h1>{{ .Params.conferenceTitle | default .Title }}</h1>
152-
<div class="date-location">
153-
{{ .Params.conferenceDates | default "September 1 - 3" }}<br>
154-
{{ .Params.conferenceLocation | default "San Francisco, CA" }}
155-
</div>
156-
<p class="subtitle">{{ .Params.subtitle | default "Follow us on our channels to learn more details in the coming weeks. Join us for an unforgettable experience of innovation and collaboration." }}</p>
157-
158-
<div class="social-links">
159-
{{ range .Params.socialLinks }}
160-
<a href="{{ .url }}" aria-label="{{ .name }}" target="_blank">{{ .name }}</a>
161-
{{ end }}
162-
</div>
154+
<div class="preamble">
155+
<span>{{ .Params.label | default " " }}</span>
156+
</div>
157+
<h1>{{ .Params.conferenceTitle | default .Title }}</h1>
158+
<div class="date-location">
159+
{{ .Params.conferenceDates | default "September 1 - 3" }}<br />
160+
{{ .Params.conferenceLocation | default "San Francisco, CA" }}
161+
</div>
162+
<p class="subtitle">
163+
{{ .Params.subtitle | default "Follow us on our channels to learn more details in the coming weeks. Join us for an unforgettable experience of innovation and collaboration." }}
164+
165+
</p>
166+
167+
<div class="social-links">
168+
{{ range .Params.socialLinks }}
169+
<a href="{{ .url }}" aria-label="{{ .name }}" target="_blank">{{ .name }}</a>
170+
{{ end }}
171+
</div>
163172
</div>
164-
</body>
173+
</body>
165174
</html>

0 commit comments

Comments
 (0)