slow-steps 0.1.12 → 0.1.13

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 05bd2b6e5c0020cb8c9e141e5ef424b1d96e6b94e831031006ad9e7b05858184
4
- data.tar.gz: a25dbf1aec46fd111662f6395a4b5ed08b9a7a3bc94810510dc039348e4c06f2
3
+ metadata.gz: 6cbd613cb2698f8b14ddec71ea31af9f93863331204dec4e6ee3e188736bad82
4
+ data.tar.gz: 95587738b544403e67b69c33e22edcad508f4c91ea115dede5e4cc4bae6fd634
5
5
  SHA512:
6
- metadata.gz: 79c36b139da45d35a18b43f1cf2c62f8456310e389dc0843ea1a6af95e7e8e66b6807796b497534f12b53abf7b4d419b7a966a2369b4b898d7bab2a51e1c1a24
7
- data.tar.gz: 5d9d3842bccfc26c126c1f48311fb433f07a1c10a1989d4f1474171a4db0873bf810541e676b61555068b5333f989de19fb5b3e04406c3d504c2f75286cdef0a
6
+ metadata.gz: 96ec670bbc9d10e86879c34a9d662c5b5860bbef00bbf41467492ccaa1be6a59a99a94acab6ea5e3e03ed2925a75fbb4dfd8f76c4c88399539434f8213ba5a25
7
+ data.tar.gz: d9f8f6106c4d4192087e320bbe4536507f157fa90b3e4a77a2754f8f69f96719cf7de8dd149898dd4f33f57844526f9453928c9c403c01ddfd04df436e423fe0
@@ -8,7 +8,7 @@ layout: default
8
8
  <div class="hero hero-65 collage">
9
9
 
10
10
  {% for collage in page.collage %}
11
- <div class="collage__image__wrap collage__image__wrap-{{ forloop.index }}" style="animation-delay: {{ forloop.index0 | times: 110 }}ms">
11
+ <div class="collage__image__wrap collage__image__wrap-{{ forloop.index }}">
12
12
  <h3 class="image__header">{{ collage.reasons }}</h3>
13
13
  {% picture {{ collage.image | prepend: 'content/' }}
14
14
  --img class="collage__image collage__image-{{ forloop.index }}"
@@ -29,10 +29,17 @@
29
29
  opacity: 0
30
30
  animation: .4s ease-in-out aniCollage forwards
31
31
  perspective: 1000px
32
-
32
+ &:after
33
+ position: absolute
34
+ content: ''
35
+ width: 100%
36
+ height: 100%
37
+ box-shadow: inset 0 0 40px 12px rgba($env-primary, .2)
38
+ z-index: 99
33
39
  &:hover
34
40
  .collage__image
35
- transform: rotateY(90deg)
41
+ transform: rotateX(90deg)
42
+ opacity: 0
36
43
 
37
44
  .collage__image
38
45
  display: block
@@ -44,46 +51,79 @@
44
51
  transition: .4s ease-in-out
45
52
  transform-style: preserve-3d
46
53
 
47
- .collage__placeholder
48
- background-color: $env-primary
49
- width: 19%
50
- height: 49%
51
- position: absolute
52
-
53
- .collage__image__wrap-1
54
- left: 0
55
-
56
54
  .collage__image__wrap-1
57
55
  height: 65%
58
56
  top: 0
59
57
  width: 30%
60
58
  left: 0
59
+ animation-delay: 700ms
61
60
 
62
61
  .collage__image__wrap-2
63
62
  height: 50%
64
63
  width: 40%
65
64
  left: 30%
65
+ animation-delay: 100ms
66
66
 
67
67
  .collage__image__wrap-3
68
68
  height: 50%
69
69
  width: 30%
70
70
  left: 70%
71
71
  top: 0
72
+ animation-delay: 500ms
72
73
 
73
74
  .collage__image__wrap-4
74
75
  height: 35%
75
76
  width: 40%
76
77
  left: 0
77
78
  top: 65%
79
+ animation-delay: 300ms
78
80
 
79
81
  .collage__image__wrap-5
80
82
  width: 60%
81
83
  height: 50%
82
84
  left: 40%
83
85
  top: 50%
86
+ animation-delay: 900ms
84
87
 
85
88
  @keyframes aniCollage
86
89
  0%
87
90
  opacity: 0
88
91
  100%
89
92
  opacity: 1
93
+
94
+
95
+ p.job__deadline
96
+ padding: 1rem 0
97
+ font-size: $font-size * .8
98
+
99
+ p.job__description
100
+ padding: 2rem 0
101
+ //padding-bottom: 3rem
102
+
103
+ p.job__links
104
+ padding: 0
105
+ padding-bottom: 2rem
106
+ margin-bottom: 4rem
107
+ & > a
108
+ text-decoration: none
109
+ color: $env-primary
110
+ &:hover
111
+ color: $pure-black
112
+ & > a:first-child
113
+ text-decoration: none
114
+ color: $pure-white
115
+ background-color: $env-primary
116
+ padding: 1rem 2.5rem
117
+ border-radius: 8px
118
+ font-weight: 600
119
+ margin-right: 3rem
120
+ @include default-trans
121
+ &:hover
122
+ background-color: lighten($env-primary, 10)
123
+ box-shadow: 1px 1px 5px $light-grey
124
+
125
+ .fullwidth__wrap > .job__links
126
+ border-bottom: solid 1px rgba($env-primary, .4)
127
+ &:last-child
128
+ border-bottom: none
129
+ margin-bottom: 10rem
@@ -54,6 +54,7 @@
54
54
  transform: translateX(100%)
55
55
  transition: $nav-slider-transition
56
56
  width: 100vw
57
+ box-sizing: content-box
57
58
 
58
59
  .nav-link
59
60
  margin: 6vh 15vw
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: slow-steps
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.12
4
+ version: 0.1.13
5
5
  platform: ruby
6
6
  authors:
7
7
  - Made Slowly
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2021-01-18 00:00:00.000000000 Z
11
+ date: 2021-01-19 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll