prefire-jekyll-theme 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
data/assets/main.scss ADDED
@@ -0,0 +1,639 @@
1
+ ---
2
+ # Front matter comment to ensure Jekyll properly reads file.
3
+ ---
4
+
5
+ @charset "utf-8";
6
+ /**
7
+ * Models the styles for the website.
8
+ *
9
+ * Exclusively made for PREFIRE
10
+ * © 2019-2020 University of Wisconsin - Madison. Space Science and Engineering Center. All Rights Reserved.
11
+ */
12
+
13
+ // Imports
14
+ @import url(https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css);
15
+ @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i');
16
+ @import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
17
+
18
+ // Color import
19
+ $font-size: 50px;
20
+ $red: red;
21
+ $light-gray: #cfcfcf;
22
+ $dark-gray: #4a4a4a;
23
+
24
+ // Master Styles
25
+ *{
26
+ font-family: "Open Sans";
27
+ font-weight: 300;
28
+ }
29
+
30
+ .body-container{
31
+ border: 1px solid black;
32
+ margin: 0;
33
+ width: 100%;
34
+ }
35
+
36
+ .pic{ // All parallax Background
37
+ height: 100%;
38
+ transform: scale(1.5);
39
+ }
40
+
41
+
42
+ // Tools
43
+ .hidden{
44
+ display: none;
45
+ }
46
+
47
+ .main-container{
48
+ width: 100%;
49
+ scroll-behavior: smooth;
50
+ background-image: url("bg-picture-2.jpg");
51
+ }
52
+
53
+ .border{
54
+ border: 1px solid red !important;
55
+ }
56
+
57
+ .row{
58
+ width: 100%;
59
+ margin: 0;
60
+ }
61
+
62
+ // Text Styles
63
+ h1{
64
+ color: white;
65
+ font-size: 1.25em;
66
+ font-weight: 300;
67
+ letter-spacing: 0.10em;
68
+ margin-top: 1em;
69
+ display: block;
70
+ text-align: center;
71
+ }
72
+
73
+ h2{
74
+ color: white;
75
+ font-weight: 300;
76
+ }
77
+
78
+
79
+ h3{
80
+ font-weight: 300;
81
+ font-size: 1.5em;
82
+
83
+ }
84
+
85
+ h5{
86
+ text-align: center;
87
+ margin-top: 1em;
88
+ font-weight: 300;
89
+ background-color: white;
90
+ padding: 0.5em;
91
+ border-radius: 1px;
92
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
93
+ font-weight: 400;
94
+ }
95
+
96
+ h6{
97
+ font-size: 1.5em;
98
+ text-align: center;
99
+ }
100
+
101
+ // Generic styles
102
+ .generic-container{
103
+ padding: 1em;
104
+ margin-top: 3em;
105
+ margin-bottom: 3em;
106
+ }
107
+
108
+ .generic-box{
109
+ background-color: rgba(white, 1);
110
+ border-radius: 1px;
111
+ padding: 1em;
112
+ margin: 0 auto;
113
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
114
+ }
115
+
116
+ .mission-text{
117
+ margin-bottom: 0;
118
+ }
119
+
120
+ // Navbar Styles
121
+ .navbar{
122
+ width: 100%;
123
+ z-index: 999;
124
+ color: white;
125
+ position: absolute;
126
+ transition:500ms ease;
127
+ }
128
+
129
+ .navbar-scrolled{
130
+ background-color: white;
131
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
132
+ color: black;
133
+ }
134
+
135
+ .navbar-menu{
136
+ list-style-type: none;
137
+ width: 100%;
138
+ text-align: center;
139
+ margin: 0;
140
+ }
141
+
142
+ .navbar-menu-link{
143
+ display: inline-block;
144
+ padding: 0 2em;
145
+ }
146
+
147
+ .navbar-menu-link-text{
148
+ color: white;
149
+ transition: 500ms ease;
150
+ }
151
+
152
+ .burger-icon-text{
153
+ color: white;
154
+ margin: 0;
155
+ transition: 500ms ease;
156
+ }
157
+
158
+ .burger-icon-text-scrolled{
159
+ color: black;
160
+ margin: 0;
161
+ transition: 500ms ease;
162
+ }
163
+
164
+ .fa-bars{
165
+ font-size: 1.5em;
166
+ margin: 0;
167
+ }
168
+
169
+ .burger-icon{
170
+ margin: 0;
171
+ padding: 0;
172
+ }
173
+
174
+ .burger-icon-btn{
175
+ margin: 0;
176
+ background-color: transparent;
177
+ border: 0;
178
+ }
179
+
180
+ .navbar-fullscreen{
181
+ z-index: 10000;
182
+ position: fixed;
183
+ background-color: rgba(black, 0.75);
184
+ width: 100%;
185
+ height: 100%;
186
+ visibility: visible;
187
+ opacity: 1;
188
+ transition: visibility 0s, opacity 0.2s ease;
189
+ }
190
+
191
+ .navbar-fullscreen-gone{
192
+ position: fixed;
193
+ visibility: hidden;
194
+ opacity: 0;
195
+ transition: visibility 0s, opacity 0.2s ease;
196
+ }
197
+
198
+ .navbar-menu-link-text-scrolled{
199
+ color: black;
200
+ }
201
+
202
+ .navbar-menu-link-text:hover{
203
+ color: $light-gray;
204
+ text-decoration: none;
205
+ transition: 200ms ease;
206
+ }
207
+
208
+ .mobile-nav-link{
209
+ color: white;
210
+ }
211
+
212
+ .mobile-nav-link:hover{
213
+ color: $light-gray;
214
+ text-decoration: none;
215
+ transition: 200ms ease;
216
+ }
217
+
218
+ .mobile-nav-link-span{
219
+ display: block;
220
+ text-align: center;
221
+ padding: 1em;
222
+ }
223
+
224
+ .mobile-nav-containers{
225
+ margin-top: 5em;
226
+ }
227
+
228
+ .go-to-top-container{
229
+ position: fixed;
230
+ z-index: 15000;
231
+ right: 0;
232
+ margin-right: 1em;
233
+ margin-top: 4em;
234
+ padding-right: 0.4em;
235
+ padding-left: 0.4em;
236
+ padding-bottom: 0.25em;
237
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
238
+ border-radius: 100000px;
239
+ background-color: white;
240
+ visibility: visible;
241
+ opacity: 1;
242
+ transition: visibility 0s, opacity 0.2s ease;
243
+ }
244
+
245
+ .chevron-white{
246
+ padding: 0;
247
+ margin: 0;
248
+ }
249
+
250
+ .scroll-top-a{
251
+ color: black;
252
+ transition: 200ms ease;
253
+ }
254
+
255
+ .scroll-top-a:hover{
256
+ color: $dark-gray;
257
+ transition: 200ms ease;
258
+ }
259
+
260
+ .scroll-top-a-gone{
261
+ position: fixed;
262
+ z-index: 15000;
263
+ right: 0;
264
+ margin-right: 1em;
265
+ margin-top: 3.5em;
266
+ padding-right: 0.4em;
267
+ padding-left: 0.4em;
268
+ padding-bottom: 0.25em;
269
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
270
+ border-radius: 100000px;
271
+ background-color: white;
272
+ visibility: hidden;
273
+ opacity: 0;
274
+ transition: visibility 0s, opacity 0.2s ease;
275
+ }
276
+
277
+
278
+ // Main Page Styles
279
+ .main-page{
280
+ min-height: 100vh;
281
+ padding-top: 2.5em;
282
+ }
283
+
284
+ .logo{ // Prefire main logo
285
+ height: 20vh;
286
+ margin-top: 50vh - 20vh;
287
+ display: block;
288
+ text-align: center;
289
+ margin-left: auto;
290
+ margin-right: auto;
291
+ }
292
+
293
+ .uw-logo{
294
+ height: 6em;
295
+ display: block;
296
+ margin: 0 auto;
297
+ }
298
+
299
+ .jpl-logo{
300
+ height: 7em;
301
+ display: block;
302
+ margin: 0 auto;
303
+ }
304
+
305
+ .ssec-logo{
306
+ height: 6em;
307
+ display: block;
308
+ margin: 0 auto;
309
+ }
310
+
311
+ .main-logos{
312
+ padding-top: 11vh;
313
+ }
314
+
315
+
316
+
317
+ // Section title header styles
318
+ .item-header{
319
+ background-color: #2B336F;
320
+ padding: 2.5em;
321
+ padding-left: 4em;
322
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
323
+ }
324
+
325
+
326
+ // Overview styles
327
+ .overview-body{
328
+ background-color: rgba(white, 1);
329
+ border-radius: 1px;
330
+ padding: 1em;
331
+ margin: 0 auto;
332
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
333
+ }
334
+
335
+ .overview-body-text{
336
+ margin-bottom: 0;
337
+ }
338
+
339
+ .overview-container{
340
+ padding: 1em;
341
+ padding-top: 4em;
342
+ padding-bottom: 4em;
343
+ background-image: url("bg-picture-3.jpg");
344
+ }
345
+
346
+ .overview-preview{
347
+ margin-bottom: 3em;
348
+ }
349
+
350
+ .overview-images-point{
351
+ max-width: 8em;
352
+ margin: 0 auto;
353
+ display: block;
354
+ margin-bottom: 0.5em;
355
+ background-color: rgba(white, 1);
356
+ padding: 0.5em;
357
+ border-radius: 10000px;
358
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
359
+ z-index: 50;
360
+ position: relative;
361
+ margin-right: -2em;
362
+ }
363
+
364
+ .overview-view-picture{
365
+ padding: 0;
366
+
367
+ }
368
+
369
+ .overview-point-text{
370
+ background-color: rgba(white, 1);
371
+ border-radius: 1px;
372
+ padding: 1em;
373
+ margin: 0 auto;
374
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
375
+ margin-left: -2em;
376
+ margin-right: 6em;
377
+ padding-left: 4em;
378
+ }
379
+
380
+ .overview-point-container{
381
+ margin-bottom: 2em;
382
+ }
383
+
384
+ // Mission styles
385
+ .mission-container{
386
+ padding: 1em;
387
+ padding-top: 4em;
388
+ padding-bottom: 4em;
389
+ background-image: url("bg-picture-3.jpg");
390
+ }
391
+
392
+ .mission-container-row{
393
+ margin-top: 2.5em;
394
+ margin-bottom: 2.5em;
395
+ }
396
+
397
+ .mission-box{
398
+ background-color: rgba(white, 1);
399
+ border-radius: 1px;
400
+ padding: 1em;
401
+ margin: 0 auto;
402
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
403
+ }
404
+
405
+ .earth-picture{
406
+ max-width: 15em;
407
+ display: block;
408
+ margin: 0 auto;
409
+ }
410
+
411
+ .earth-picture-container{
412
+ margin: 0 auto;
413
+ background-color: rgba(white, 1);
414
+ padding: 1em;
415
+ width: 17em;
416
+ border-radius: 100000px;
417
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
418
+ }
419
+
420
+ .mission-text{
421
+ margin-bottom: 0;
422
+ }
423
+
424
+ // Instrument styles
425
+ .instrument-container{
426
+ padding: 2.5em;
427
+ padding-top: 4em;
428
+ padding-bottom: 4em;
429
+ background-image: url("bg-picture-4.jpg");
430
+ }
431
+
432
+ .tirs-image-container{
433
+ background-color: rgba(white, 1);
434
+ padding: 1em;
435
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
436
+ margin-bottom: 1em;
437
+ }
438
+
439
+ .tirs-info-container{
440
+ background-color: rgba(white, 1);
441
+ padding: 1em;
442
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
443
+ }
444
+
445
+ .tirs-picture{
446
+ max-width: 15em;
447
+ padding: 0;
448
+ margin: 0 auto;
449
+ display: block;
450
+ }
451
+
452
+ .technical-container{
453
+ background-color: rgba(white, 1);
454
+ padding: 1em;
455
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
456
+ }
457
+
458
+ .technical-sub{
459
+ text-align: right;
460
+ display: block;
461
+ font-size: 1.25em;
462
+ font-weight: 350;
463
+ }
464
+
465
+ .technical-divider{
466
+ border-right: 1px solid $light-gray;
467
+ }
468
+
469
+ .technical-infos{
470
+ padding: 0.5em;
471
+ }
472
+
473
+ // Custom media resolution (for responsivity)
474
+ @media(max-width: 1090px){
475
+ .uw-logo{
476
+ height: 5em;
477
+ display: block;
478
+ margin: 0 auto;
479
+ }
480
+ .jpl-logo{
481
+ height: 6em;
482
+ display: block;
483
+ margin: 0 auto;
484
+ }
485
+ .ssec-logo{
486
+ height: 5em;
487
+ display: block;
488
+ margin: 0 auto;
489
+ }
490
+ .overview-point-text{
491
+ background-color: rgba(white, 1);
492
+ border-radius: 1px;
493
+ padding: 1em;
494
+ margin: 0 auto;
495
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
496
+ margin-left: -2em;
497
+ margin-right: 3em;
498
+ padding-left: 4em;
499
+ }
500
+ .earth-picture{
501
+ max-width: 12em;
502
+ display: block;
503
+ margin: 0 auto;
504
+ }
505
+ .earth-picture-container{
506
+ margin: 0 auto;
507
+ background-color: rgba(white, 1);
508
+ padding: 1em;
509
+ width: 14em;
510
+ border-radius: 100000px;
511
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
512
+ }
513
+ .tirs-picture{
514
+ max-width: 10em;
515
+ padding: 0;
516
+ margin: 0 auto;
517
+ display: block;
518
+ }
519
+
520
+ }
521
+
522
+ @media(max-width: 850px){
523
+ .jpl-logo{
524
+ height: 5em;
525
+ display: block;
526
+ }
527
+ .ssec-logo{
528
+ height: 4.5em;
529
+ display: block;
530
+ margin: 0 auto;
531
+ }
532
+ .uw-logo{
533
+ height: 4.5em;
534
+ display: block;
535
+ margin: 0 auto;
536
+ }
537
+ }
538
+
539
+ @media(max-width: 991px){
540
+ .mission-question-container{
541
+ margin-bottom: 3em;
542
+ }
543
+ .earth-picture-orbit-container{
544
+ margin-top: 3em;
545
+ }
546
+ .earth-picture{
547
+ max-width: 15em;
548
+ display: block;
549
+ margin: 0 auto;
550
+ }
551
+ .earth-picture-container{
552
+ margin: 0 auto;
553
+ background-color: rgba(white, 1);
554
+ padding: 1em;
555
+ width: 17em;
556
+ border-radius: 100000px;
557
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
558
+ }
559
+ .tirs-picture{
560
+ max-width: 15em;
561
+ padding: 0;
562
+ margin: 0 auto;
563
+ display: block;
564
+ }
565
+ .tirs-info-container{
566
+ background-color: rgba(white, 1);
567
+ padding: 1em;
568
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
569
+ margin-bottom: 3em;
570
+ }
571
+ }
572
+
573
+ @media(max-width: 767px){
574
+ .main-logos{
575
+ margin-bottom: 3em;
576
+ }
577
+ .jpl-logo{
578
+ height: 5em;
579
+ display: block;
580
+ margin-bottom:: 1.25em;
581
+ }
582
+ .ssec-logo{
583
+ height: 4.5em;
584
+ display: block;
585
+ margin: 0 auto;
586
+ }
587
+ .uw-logo{
588
+ height: 4.5em;
589
+ display: block;
590
+ margin: 0 auto;
591
+ margin-bottom:: 1.25em;
592
+ }
593
+ .overview-images-point{
594
+ max-width: 8em;
595
+ margin: 0 auto;
596
+ display: block;
597
+ margin-bottom: 0.5em;
598
+ background-color: rgba(white, 1);
599
+ padding: 0.5em;
600
+ border-radius: 10000px;
601
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
602
+ z-index: 50;
603
+ position: relative;
604
+ margin-bottom: -2em;
605
+ }
606
+ .overview-point-text{
607
+ background-color: rgba(white, 1);
608
+ border-radius: 1px;
609
+ padding: 1em;
610
+ margin: 0 auto;
611
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
612
+ padding-top: 2.5em;
613
+ }
614
+ .overview-container{
615
+ padding: 1em;
616
+ margin-top: 3em;
617
+ margin-bottom: 3em;
618
+ }
619
+ .pic{
620
+ height: 100%;
621
+ transform: scale(2);
622
+ }
623
+ .overview-body{
624
+ background-color: rgba(white, 1);
625
+ border-radius: 1px;
626
+ padding: 1em;
627
+ margin: 0 auto;
628
+ margin: 1em;
629
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
630
+ }
631
+ h2{
632
+ margin: 0 auto;
633
+ }
634
+ .item-header{
635
+ background-color: #2B336F;
636
+ padding: 2.5em;
637
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
638
+ }
639
+ }
Binary file
Binary file
Binary file
Binary file
Binary file
data/assets/tirs.png ADDED
Binary file
Binary file