Skip to content

Commit d9f3d51

Browse files
committed
adding work
1 parent 0a5d7e8 commit d9f3d51

File tree

381 files changed

+13007
-3147
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

381 files changed

+13007
-3147
lines changed

build/articles/all.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -96,6 +96,8 @@ <h2 class="last-edit">THANK YOU</h2>
9696
gtag('config', 'UA-15632291-6');
9797
</script>
9898

99+
<script src="https://unpkg.com/@lottiefiles/lottie-player@0.4.0/dist/lottie-player.js"></script>
100+
99101
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
100102

101103
<!-- CDN -->

build/articles/battlestation.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -32,9 +32,7 @@
3232

3333
<article>
3434
<div class="wrap">
35-
<p> #data-attr in pseudo elements, <code>html
36-
&lt;span class=&quot;icon&quot; data-alt=&quot;Tooltip&quot;&gt;Example&lt;/span&gt;</code> <code>scss .element { &amp;:before { content: attr(data-alt); } }</code> <code>scss
37-
.element:before { content: attr(data-alt); }</code> tooltips/alt text for none
35+
<p> #data-attr in pseudo elements, <code>html &lt;span class=&quot;icon&quot; data-alt=&quot;Tooltip&quot;&gt;Example&lt;/span&gt; </code> <code>scss .element { &amp;:before { content: attr(data-alt); } } </code> <code>scss .element:before { content: attr(data-alt); } </code> tooltips/alt text for none
3836
images, add some JS to enhance
3937
<a href="https://css-tricks.com/css-attr-function-got-nothin-custom-properties/">https://css-tricks.com/css-attr-function-got-nothin-custom-properties/</a></p>
4038
</div>
@@ -56,6 +54,8 @@
5654
gtag('config', 'UA-15632291-6');
5755
</script>
5856

57+
<script src="https://unpkg.com/@lottiefiles/lottie-player@0.4.0/dist/lottie-player.js"></script>
58+
5959
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
6060

6161
<!-- CDN -->

build/assets/css/styles.css

Lines changed: 36 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -410,6 +410,7 @@ p.collapse {
410410
a {
411411
color: #5689b2;
412412
text-decoration: none;
413+
cursor: pointer;
413414
/* Output standard non-prefixed declaration */
414415
transition: color 0.15s linear;
415416
}
@@ -1107,7 +1108,6 @@ button {
11071108
-webkit-appearance: none;
11081109
-moz-appearance: none;
11091110
appearance: none;
1110-
-webkit-user-select: none;
11111111
-moz-user-select: none;
11121112
-ms-user-select: none;
11131113
display: inline-block;
@@ -1130,7 +1130,6 @@ button:disabled, button:disabled:active, button.is-disabled, button.is-disabled:
11301130
-webkit-appearance: none;
11311131
-moz-appearance: none;
11321132
appearance: none;
1133-
-webkit-user-select: none;
11341133
-moz-user-select: none;
11351134
-ms-user-select: none;
11361135
display: inline-block;
@@ -1474,19 +1473,15 @@ picture {
14741473

14751474
/* Animation */
14761475
.animated {
1477-
-webkit-animation-duration: 1s;
1478-
-webkit-animation-fill-mode: both;
14791476
animation-duration: 1s;
14801477
animation-fill-mode: both;
14811478
}
14821479

14831480
.animated.infinite {
1484-
-webkit-animation-iteration-count: infinite;
14851481
animation-iteration-count: infinite;
14861482
}
14871483

14881484
.animate {
1489-
-webkit-backface-visibility: hidden;
14901485
backface-visibility: hidden;
14911486
perspective: 1000;
14921487
}
@@ -1508,37 +1503,6 @@ picture {
15081503
Licensed under the MIT license - http://opensource.org/licenses/MIT
15091504
Copyright (c) 2015 Daniel Eden
15101505
*/
1511-
@-webkit-keyframes bounce {
1512-
0%,
1513-
20%,
1514-
53%,
1515-
80%,
1516-
100% {
1517-
transform: translate3d(0, 0, 0);
1518-
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1519-
}
1520-
0% {
1521-
opacity: 1;
1522-
}
1523-
50% {
1524-
opacity: 0.1;
1525-
}
1526-
100% {
1527-
opacity: 1;
1528-
}
1529-
40%,
1530-
43% {
1531-
transform: translate3d(0, -30px, 0);
1532-
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
1533-
}
1534-
70% {
1535-
transform: translate3d(0, -15px, 0);
1536-
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
1537-
}
1538-
90% {
1539-
transform: translate3d(0, -4px, 0);
1540-
}
1541-
}
15421506

15431507
@keyframes bounce {
15441508
0%,
@@ -1573,7 +1537,6 @@ picture {
15731537
}
15741538

15751539
.bounce {
1576-
-webkit-animation-name: bounce;
15771540
transform-origin: center bottom;
15781541
animation-name: bounce;
15791542
}
@@ -2714,7 +2677,6 @@ picture {
27142677
/* Slider */
27152678
.slick-slider {
27162679
-webkit-touch-callout: none;
2717-
-webkit-user-select: none;
27182680
-moz-user-select: none;
27192681
-ms-user-select: none;
27202682
-webkit-tap-highlight-color: transparent;
@@ -2866,15 +2828,20 @@ picture {
28662828
.slick-next:before {
28672829
-webkit-font-smoothing: antialiased;
28682830
-moz-osx-font-smoothing: grayscale;
2869-
color: #323e43;
2831+
display: block;
2832+
width: 30px;
2833+
height: 30px;
2834+
color: #e53b56;
28702835
font-family: "slick";
2871-
font-size: 20px;
2836+
font-size: 32px;
28722837
line-height: 1;
2838+
line-height: 30px;
2839+
text-align: center;
28732840
opacity: 0.75;
28742841
}
28752842

28762843
.slick-prev {
2877-
left: -25px;
2844+
left: -35px;
28782845
}
28792846

28802847
[dir="rtl"] .slick-prev {
@@ -2909,13 +2876,13 @@ picture {
29092876

29102877
/* Dots */
29112878
.slick-dotted.slick-slider {
2912-
margin-bottom: 30px;
2879+
margin-bottom: 80px;
29132880
}
29142881

29152882
.slick-dots {
29162883
display: block;
29172884
position: absolute;
2918-
bottom: -25px;
2885+
bottom: -50px;
29192886
width: 100%;
29202887
margin: 0;
29212888
padding: 0;
@@ -2928,7 +2895,7 @@ picture {
29282895
position: relative;
29292896
width: 20px;
29302897
height: 20px;
2931-
margin: 0 5px;
2898+
margin: 0;
29322899
padding: 0;
29332900
cursor: pointer;
29342901
}
@@ -2965,7 +2932,7 @@ picture {
29652932
height: 20px;
29662933
color: #323e43;
29672934
font-family: "slick";
2968-
font-size: 6px;
2935+
font-size: 24px;
29692936
line-height: 20px;
29702937
text-align: center;
29712938
content: "•";
@@ -2990,7 +2957,6 @@ pre[class*='language-'] {
29902957
word-wrap: normal;
29912958
-moz-tab-size: 2;
29922959
-o-tab-size: 2;
2993-
-webkit-hyphens: none;
29942960
-ms-hyphens: none;
29952961
background: none;
29962962
color: #ccc;
@@ -3100,7 +3066,6 @@ pre[class*='language-'] {
31003066
}
31013067

31023068
.command-line-prompt {
3103-
-webkit-user-select: none;
31043069
-moz-user-select: none;
31053070
-ms-user-select: none;
31063071
display: block;
@@ -3152,6 +3117,7 @@ body.page--all .container {
31523117
}
31533118

31543119
.container.intro .page__title {
3120+
display: block;
31553121
color: #ffffff;
31563122
font-size: 38px;
31573123
letter-spacing: 0.05rem;
@@ -3275,6 +3241,28 @@ body.page--all .container {
32753241
color: #ffffff;
32763242
}
32773243

3244+
.container.wind-journey {
3245+
height: 70vh;
3246+
background-color: #008556;
3247+
color: #ffffff;
3248+
}
3249+
3250+
.container.wind-journey .page__title,
3251+
.container.wind-journey .button--previous {
3252+
color: #ffffff;
3253+
}
3254+
3255+
.container.calculator {
3256+
height: 70vh;
3257+
background-color: #461E7D;
3258+
color: #ffffff;
3259+
}
3260+
3261+
.container.calculator .page__title,
3262+
.container.calculator .button--previous {
3263+
color: #ffffff;
3264+
}
3265+
32783266
ul.bookmarks {
32793267
margin-bottom: 16px;
32803268
}
41.8 KB
176 KB
68 KB
149 KB
137 KB
139 KB
163 KB

0 commit comments

Comments
 (0)