jekyll-theme-centos-test 1.1.2 → 1.1.3
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.
- 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; }
|