Skip to content

Commit 8ea0f22

Browse files
Erik2609Erik2609
committed
make banner xl specific and removed js scripts which don't seem te be used
1 parent 1065161 commit 8ea0f22

File tree

2 files changed

+45
-48
lines changed

2 files changed

+45
-48
lines changed

‎assets/scss/_landingpage.scss‎

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -120,9 +120,9 @@
120120
100% { -webkit-transform: rotate(360deg); }
121121
}
122122

123-
.shape-circle-middle-left,
124-
.shape-circle-top-middle__right,
125-
.shape-circle-top-right {
123+
.shape-xl-circle-middle-left,
124+
.shape-xl-circle-top-middle__right,
125+
.shape-xl-circle-top-right {
126126
-webkit-animation: pulsate 3s infinite;
127127
-moz-animation: pulsate 3s infinite;
128128
animation: pulsate 3s infinite;
@@ -146,7 +146,7 @@
146146
100% { -webkit-transform: scale(1); }
147147
}
148148

149-
.shape-square-top-left {
149+
.shape-xl-square-top-left {
150150
top: 10%;
151151
left: 0px;
152152
transform-origin: top left;
@@ -156,7 +156,7 @@
156156
background-color: #D5EBDB;
157157
}
158158

159-
.shape-square-middle-left {
159+
.shape-xl-square-middle-left {
160160
top: 80%;
161161
right: 45%;
162162
transform-origin: top right;
@@ -170,29 +170,29 @@
170170
padding: 37%;
171171
}
172172

173-
.shape-square-bottom-left {
173+
.shape-xl-square-bottom-left {
174174
top: 17%;
175175
right: 63%;
176176
transform-origin: top right;
177177
transform: rotate(4deg);
178178
padding: 37%;
179179
}
180180

181-
.shape-circle-middle-left {
181+
.shape-xl-circle-middle-left {
182182
border-radius: 50%;
183183
top: 73%;
184184
right: 5%;
185185
padding: 35%;
186186
}
187187

188-
.shape-circle-top-middle__left {
188+
.shape-xl-circle-top-middle__left {
189189
border-radius: 50%;
190190
bottom: 53%;
191191
left: -1%;
192192
padding: 9%;
193193
}
194194

195-
.shape-triangle-top-middle {
195+
.shape-xl-triangle-top-middle {
196196
bottom: 0%;
197197
left: 27%;
198198
padding: 12%;
@@ -201,37 +201,37 @@
201201
clip-path: polygon(50% 13%, 0% 100%, 100% 100%);
202202
}
203203

204-
.shape-square-top-middle__middle {
204+
.shape-xl-square-top-middle__middle {
205205
top: 0;
206206
left: 40%;
207207
transform-origin: top right;
208208
transform: rotate(3deg);
209209
padding: 9%;
210210
}
211211

212-
.shape-circle-top-middle__right {
212+
.shape-xl-circle-top-middle__right {
213213
border-radius: 50%;
214214
bottom: 9%;
215215
right: 15%;
216216
padding: 9%;
217217
}
218218

219-
.shape-square-top-middle__right {
219+
.shape-xl-square-top-middle__right {
220220
bottom: 37%;
221221
right: -8%;
222222
transform-origin: top left;
223223
transform: rotate(25deg);
224224
padding: 9%;
225225
}
226226

227-
.shape-circle-top-right {
227+
.shape-xl-circle-top-right {
228228
border-radius: 50%;
229229
top: 22%;
230230
left: 40%;
231231
padding: 35%;
232232
}
233233

234-
.shape-square-middle-right {
234+
.shape-xl-square-middle-right {
235235
top: 20%;
236236
right: 0%;
237237
transform-origin: bottom right;
@@ -240,7 +240,7 @@
240240
background-color: #064e72;
241241
}
242242

243-
.shape-triangle-bottom-right {
243+
.shape-xl-triangle-bottom-right {
244244
top: -35%;
245245
left: -34%;
246246
padding: 50%;
@@ -249,7 +249,7 @@
249249
clip-path: polygon(50% 13%, 0% 100%, 100% 100%);
250250
}
251251

252-
.shape-square-bottom-middle__most-left {
252+
.shape-xl-square-bottom-middle__most-left {
253253
top: 7%;
254254
left: 0%;
255255
transform-origin: top left;
@@ -258,23 +258,23 @@
258258
background-color: #ffcbbd;
259259
}
260260

261-
.shape-square-bottom-middle__left {
261+
.shape-xl-square-bottom-middle__left {
262262
top: 12%;
263263
left: 12%;
264264
transform-origin: top right;
265265
transform: rotate(-33deg);
266266
padding: 9%;
267267
}
268268

269-
.shape-square-bottom-middle__right {
269+
.shape-xl-square-bottom-middle__right {
270270
top: 27%;
271271
left: 66%;
272272
transform-origin: top left;
273273
transform: rotate(9deg);
274274
padding: 9%;
275275
}
276276

277-
.shape-square-bottom-middle__most-right {
277+
.shape-xl-square-bottom-middle__most-right {
278278
top: -4%;
279279
right: 2%;
280280
transform-origin: top right;

‎layouts/index.html‎

Lines changed: 26 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,31 @@
11
{{ define "main" }}
22
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
33
rel="stylesheet" />
4-
<script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script>
5-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
6-
<script src="/js/home_script.js"></script>
74

85
<!-- Banner -->
96
{{ with .Params.Banner }}
10-
<section class="container landing-page-container content mx-0 mt-5">
7+
<section class="container landing-page-container content mx-0 mt-5 d-xl-block desktop d-none">
118
<div class="row landing-page-top-row">
12-
<div class="landing-page-col col-xl-2 d-none d-xl-block">
13-
<div class="shape shape-square-top-left"></div>
14-
<div class="shape shape-square-middle-left"></div>
9+
<div class="landing-page-col col-2 d-block">
10+
<div class="shape shape-xl-square-top-left"></div>
11+
<div class="shape shape-xl-square-middle-left"></div>
1512
</div>
16-
<div class="landing-page-col col-xl-8 col-12">
17-
<div class="shape shape-circle-top-middle__left"></div>
18-
<div class="shape shape-triangle-top-middle"></div>
19-
<div class="shape shape-square-top-middle__middle"></div>
20-
<div class="shape shape-circle-top-middle__right"></div>
21-
<div class="shape shape-square-top-middle__right"></div>
13+
<div class="landing-page-col col-8">
14+
<div class="shape shape-xl-circle-top-middle__left"></div>
15+
<div class="shape shape-xl-triangle-top-middle"></div>
16+
<div class="shape shape-xl-square-top-middle__middle"></div>
17+
<div class="shape shape-xl-circle-top-middle__right"></div>
18+
<div class="shape shape-xl-square-top-middle__right"></div>
2219
</div>
23-
<div class="landing-page-col col-xl-2 d-none d-xl-block">
24-
<div class="shape shape-circle-top-right"></div>
20+
<div class="landing-page-col col-2 d-block">
21+
<div class="shape shape-xl-circle-top-right"></div>
2522
</div>
2623
</div>
2724
<div class="row landing-page-middle-row">
28-
<div class="landing-page-col col-xl-2 d-none d-xl-block">
29-
<div class="shape shape-circle-middle-left"></div>
25+
<div class="landing-page-col col-2 d-block">
26+
<div class="shape shape-xl-circle-middle-left"></div>
3027
</div>
31-
<div class="landing-page-col landing-page-col-content col-xl-8 col-12">
28+
<div class="landing-page-col landing-page-col-content col-8">
3229
<h1 class="landing-page-title mt-5 mb-0" style="color:#005aa7;">{{.title_line1}}</h1>
3330
<h1 class="landing-page-title mt-0" style="color:#005aa7;">{{.title_line2_before}} <u>{{.title_line2_underline}}</u> {{.title_line2_after}}</h1>
3431
{{ with .slogan }}
@@ -68,28 +65,28 @@ <h2 class="landing-page-slide-title" style="color:#005aa7; font-weight:100;"><i
6865
{{ end }}
6966
</div>
7067

71-
<div class="landing-page-col col-xl-2 d-none d-xl-block">
72-
<div class="shape shape-square-middle-right"></div>
68+
<div class="landing-page-col col-2 d-block">
69+
<div class="shape shape-xl-square-middle-right"></div>
7370
</div>
7471
</div>
7572
<!-- /al-go-pru-dence -->
7673
</div>
7774
<div class="row landing-page-bottom-row">
78-
<div class="landing-page-col col-xl-2 d-none d-xl-block">
79-
<div class="shape shape-square-bottom-left"></div>
75+
<div class="landing-page-col col-2 d-block">
76+
<div class="shape shape-xl-square-bottom-left"></div>
8077
</div>
81-
<div class="landing-page-col col-xl-8 col-12">
82-
<div class="shape shape-square-bottom-middle__most-left"></div>
83-
<div class="shape shape-square-bottom-middle__left"></div>
78+
<div class="landing-page-col col-8">
79+
<div class="shape shape-xl-square-bottom-middle__most-left"></div>
80+
<div class="shape shape-xl-square-bottom-middle__left"></div>
8481
<div class="landing-page-scroll-container">
8582
<p class="landing-page-scroll-text d-block">scroll</p>
8683
<i class="fas fa-arrow-down landing-page-scroll-icon"></i>
8784
</div>
88-
<div class="shape shape-square-bottom-middle__right"></div>
89-
<div class="shape shape-square-bottom-middle__most-right"></div>
85+
<div class="shape shape-xl-square-bottom-middle__right"></div>
86+
<div class="shape shape-xl-square-bottom-middle__most-right"></div>
9087
</div>
91-
<div class="landing-page-col col-xl-2 d-none d-xl-block">
92-
<div class="shape shape-triangle-bottom-right"></div>
88+
<div class="landing-page-col col-2 d-block">
89+
<div class="shape shape-xl-triangle-bottom-right"></div>
9390
</div>
9491
</div>
9592
</section>

0 commit comments

Comments
 (0)