jekyll-theme-centos-test 1.1.2 → 1.1.3
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/home/distributions.html +1 -1
- data/_sass/centos/centos-sponsors.scss +39 -62
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: cd3899f5a2e4bcbc2bb6a0402ffd5fd7ec8a06fc6c44c59f8ffa0e0d18e9f454
|
4
|
+
data.tar.gz: 03634aca4b47921c31df72a2af6bd1ba4e9d07cde2a8a12c2385d958b27593a7
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: c30c8d475fd9598d5efa338f000f418e39a9805a19ad082e66593dc66f292c7ee50d51bfaa59e0bdf252e3861d184966a4fd5bd553e266afc2c1584cb8963d40
|
7
|
+
data.tar.gz: 4a2ee3d95a28c72ab7f98538da10ab72a1ca35c457e55b3c0b1dbbc620526db011d3c7a2839afc997ab3fce2429a45626aa4aa0edb814984bf618a212094c434
|
@@ -19,7 +19,7 @@
|
|
19
19
|
|
20
20
|
<div class="tab-pane fade show{% if forloop.first %} active{% endif %}" id="{{ item.page }}" role="tabpanel" aria-labelledby="{{ item.page }}-tab">
|
21
21
|
<p>{{ item.description }}</p>
|
22
|
-
<div id="carouselScreenshots-{{ item.page }}" class="shadow carousel slide" data-bs-ride="
|
22
|
+
<div id="carouselScreenshots-{{ item.page }}" class="shadow carousel slide" data-bs-ride="carousel">
|
23
23
|
<div class="carousel-indicators">
|
24
24
|
{% for screenshot in item.screenshots %}
|
25
25
|
<button type="button" data-bs-target="#carouselScreenshots-{{ item.page }}" data-bs-slide-to="{{ forloop.index0 }}" class="{% if forloop.first %}active" aria-current="true{% endif %}" aria-label="Screenshot {{ forloop.index }}"></button>
|
@@ -1,43 +1,36 @@
|
|
1
|
-
/*
|
2
|
-
* CSS used to show sponsors' rolling images in CentOS homepage.
|
1
|
+
/* Sponsors' rolling images used in the homepage.
|
3
2
|
*
|
4
3
|
* Thanks to Anand Vunnam for publishing this example.
|
5
4
|
* Example: https://bbbootstrap.com/snippets/bootstrap-5-rolling-images-animation-33714815
|
6
5
|
**/
|
7
|
-
|
8
6
|
.container .rollers {
|
9
|
-
flex: 0 0 230px;
|
10
|
-
}
|
7
|
+
flex: 0 0 230px; }
|
11
8
|
|
12
|
-
.container .start-roller{
|
9
|
+
.container .start-roller {
|
13
10
|
left: 0;
|
14
11
|
top: 0;
|
15
|
-
background-image: linear-gradient(to right, white 30%, #ffffff00);
|
16
|
-
}
|
12
|
+
background-image: linear-gradient(to right, white 30%, #ffffff00); }
|
17
13
|
|
18
14
|
.container .start-roller,
|
19
15
|
.container .end-roller {
|
20
16
|
height: 100%;
|
21
17
|
width: 40px;
|
22
18
|
position: absolute;
|
23
|
-
z-index: 1;
|
24
|
-
}
|
19
|
+
z-index: 1; }
|
25
20
|
|
26
|
-
.container .end-roller{
|
21
|
+
.container .end-roller {
|
27
22
|
right: 0;
|
28
23
|
top: 0;
|
29
|
-
background-image: linear-gradient(to left, white 30%, rgba(255, 255, 255, 0));
|
30
|
-
}
|
24
|
+
background-image: linear-gradient(to left, white 30%, rgba(255, 255, 255, 0)); }
|
31
25
|
|
32
26
|
.container .rollers .wrapper {
|
33
27
|
position: relative;
|
34
28
|
width: 15600px;
|
35
29
|
height: 80px;
|
36
30
|
margin: 0 0 20px 0;
|
37
|
-
flex: 0 0 auto;
|
38
|
-
}
|
31
|
+
flex: 0 0 auto; }
|
39
32
|
|
40
|
-
.container .rollers .wrapper .items-container{
|
33
|
+
.container .rollers .wrapper .items-container {
|
41
34
|
display: flex;
|
42
35
|
align-items: center;
|
43
36
|
position: absolute;
|
@@ -45,82 +38,66 @@
|
|
45
38
|
height: 100%;
|
46
39
|
animation-duration: 240s;
|
47
40
|
animation-iteration-count: infinite;
|
48
|
-
animation-timing-function: linear;
|
49
|
-
|
41
|
+
animation-timing-function: linear; }
|
42
|
+
|
43
|
+
.container .rollers .wrapper .items-container.roll-LL {
|
44
|
+
animation-name: roll; }
|
50
45
|
|
51
|
-
.container .rollers .wrapper .items-container.roll-
|
52
|
-
animation-name: roll;
|
53
|
-
}
|
54
|
-
.container .rollers .wrapper .items-container.roll-RL{
|
46
|
+
.container .rollers .wrapper .items-container.roll-RL {
|
55
47
|
animation-name: roll-reverse;
|
56
|
-
left: 100%;
|
57
|
-
|
58
|
-
.container .rollers .wrapper .items-container.reverse-roll-LL{
|
48
|
+
left: 100%; }
|
49
|
+
|
50
|
+
.container .rollers .wrapper .items-container.reverse-roll-LL {
|
59
51
|
animation-name: roll-clockwise;
|
60
|
-
left: -100%;
|
61
|
-
|
62
|
-
.container .rollers .wrapper .items-container.reverse-roll-RL{
|
52
|
+
left: -100%; }
|
53
|
+
|
54
|
+
.container .rollers .wrapper .items-container.reverse-roll-RL {
|
63
55
|
animation-name: roll-reverse-clockwise;
|
64
|
-
left: 100%;
|
65
|
-
}
|
56
|
+
left: 100%; }
|
66
57
|
|
67
58
|
@keyframes roll {
|
68
59
|
0% {
|
69
|
-
left: 0%;
|
70
|
-
}
|
60
|
+
left: 0%; }
|
71
61
|
100% {
|
72
|
-
left: -100%;
|
73
|
-
|
74
|
-
}
|
62
|
+
left: -100%; } }
|
63
|
+
|
75
64
|
@keyframes roll-reverse {
|
76
65
|
0% {
|
77
|
-
left: 100%;
|
78
|
-
}
|
66
|
+
left: 100%; }
|
79
67
|
100% {
|
80
|
-
left: 0%;
|
81
|
-
|
82
|
-
}
|
68
|
+
left: 0%; } }
|
69
|
+
|
83
70
|
@keyframes roll-clockwise {
|
84
|
-
0%{
|
85
|
-
left: -100%;
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
}
|
90
|
-
}
|
71
|
+
0% {
|
72
|
+
left: -100%; }
|
73
|
+
100% {
|
74
|
+
left: 0%; } }
|
75
|
+
|
91
76
|
@keyframes roll-reverse-clockwise {
|
92
77
|
0% {
|
93
|
-
left: 0%;
|
94
|
-
}
|
78
|
+
left: 0%; }
|
95
79
|
100% {
|
96
|
-
left: 100%;
|
97
|
-
}
|
98
|
-
}
|
80
|
+
left: 100%; } }
|
99
81
|
|
100
82
|
.container .rollers .wrapper .items-container .item {
|
101
83
|
flex: 1 1 200px;
|
102
84
|
min-width: 0;
|
103
|
-
margin: 20px;
|
104
|
-
}
|
85
|
+
margin: 20px; }
|
105
86
|
|
106
87
|
.container .rollers .wrapper .items-container .item .company {
|
107
88
|
filter: grayscale(100%);
|
108
89
|
opacity: 0.2;
|
109
90
|
width: 100%;
|
110
|
-
object-fit: scale-down;
|
111
|
-
}
|
91
|
+
object-fit: scale-down; }
|
112
92
|
|
113
93
|
.container .rollers .wrapper .items-container .item .company:hover {
|
114
94
|
filter: grayscale(0%);
|
115
95
|
opacity: 1;
|
116
|
-
cursor: pointer;
|
117
|
-
}
|
96
|
+
cursor: pointer; }
|
118
97
|
|
119
98
|
.container .rollers .wrapper .items-container .item img {
|
120
99
|
vertical-align: middle;
|
121
|
-
height: 60px;
|
122
|
-
}
|
100
|
+
height: 60px; }
|
123
101
|
|
124
102
|
.container .rollers .wrapper .items-container .item .company {
|
125
|
-
opacity: 0.4;
|
126
|
-
}
|
103
|
+
opacity: 0.4; }
|