Skip to content

Commit efbe266

Browse files
EminGTEminGT
committed
Improve Downloads section and add vertical ads
1 parent 5ed9c9f commit efbe266

File tree

4 files changed

+89
-25
lines changed

4 files changed

+89
-25
lines changed

‎assets/css/style.css‎

Lines changed: 41 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -150,10 +150,6 @@ p + p {
150150
border: 2px solid var(--ThemeColor);
151151
}
152152

153-
.btn-installer {
154-
border: 2px solid var(--ThemeColor);
155-
}
156-
157153
.btn-fill {
158154
background-color: var(--ThemeColor);
159155
color: #fff;
@@ -1244,16 +1240,27 @@ table, th, td {
12441240
}
12451241

12461242
.section-downloads .btn-installer {
1247-
border-color: var(--CompOrange);
1243+
border: 2px solid var(--ThemeColor);
1244+
1245+
border-color: var(--ThemeColor);
12481246
color: white;
12491247
font-weight: bold;
12501248
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
1251-
background: url(../img/Rscreenshots/IceSpikesR.jpg) no-repeat top / cover;
1249+
/* text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; */
1250+
background: url(../img/installButton.jpg) no-repeat top / cover;
12521251
}
12531252
.section-downloads .btn-installer:hover {
1254-
color: var(--CompOrange);
1253+
color: var(--ThemeColor);
12551254
border-color: white;
12561255
}
1256+
.section-downloads .btn-manual {
1257+
color: white;
1258+
background-color: var(--VeryDarkGray);
1259+
}
1260+
.section-downloads .btn-manual:hover {
1261+
color: white;
1262+
background-color: var(--DarkGray);
1263+
}
12571264

12581265
/* Section: Screenshots */
12591266
.section-screenshots {
@@ -1913,8 +1920,33 @@ a.github-bg:hover {
19131920
.adsbygoogle {
19141921
background-color: var(--VeryVeryDarkGray);
19151922
}
1923+
1924+
.ad-vertical {
1925+
/* background-color: transparent; */
1926+
margin: 0;
1927+
position: relative;
1928+
top: 50%;
1929+
-ms-transform: translateY(-50%);
1930+
transform: translateY(-50%);
1931+
1932+
border: 2px solid rgba(0, 0, 0, 0.25);
1933+
}
1934+
@media (max-width: 1100px) or (max-height: 500px) {
1935+
.ad-vertical {
1936+
display: none;
1937+
}
1938+
}
1939+
.ad-v1 {
1940+
float: left;
1941+
margin-left: 10%;
1942+
}
1943+
.ad-v2 {
1944+
float: right;
1945+
margin-right: 10%;
1946+
}
1947+
19161948
.ad-div1 {
1917-
margin-top: -10px;
1918-
padding-bottom: 40px;
1949+
margin-top: -30px;
1950+
padding-bottom: 35px;
19191951
text-align: center;
19201952
}

‎assets/img/installButton.jpg‎

55.5 KB
Loading

‎reimagined/index.html‎

Lines changed: 32 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -74,21 +74,37 @@
7474
</header><!-- /#mastheaed -->
7575

7676
<div id="hero" class="hero overlay reimagined-hero">
77+
<!-- Vertical Ad 1 -->
78+
<ins class="adsbygoogle ad-vertical ad-v1"
79+
style="width:200px;height:500px"
80+
data-ad-client="ca-pub-2272615298786275"
81+
data-ad-slot="6798831114"></ins>
82+
<script>
83+
(adsbygoogle = window.adsbygoogle || []).push({});
84+
</script>
7785
<div class="hero-content">
7886
<div class="hero-text">
7987
<h1>Complementary<br><span style="color: var(--ThemeColor)">Reimagined Shaders</span></h1>
8088
<p>Aiming for perfection and reimagining Minecraft.</p>
81-
<a onclick="document.getElementById('before-downloads').scrollIntoView(/*{block: 'center'}*/);"
89+
<a onclick="document.getElementById('down-btn').scrollIntoView({block: 'center'});"
8290
class="btn btn-border">See Downloads</a>
8391
</div>
8492
<div class="hero-text">
8593
<a>‎</a>
8694
</div>
8795
</div><!-- /.hero-content -->
96+
<!-- Vertical Ad 2 -->
97+
<ins class="adsbygoogle ad-vertical ad-v2"
98+
style="width:200px;height:500px"
99+
data-ad-client="ca-pub-2272615298786275"
100+
data-ad-slot="8495960125"></ins>
101+
<script>
102+
(adsbygoogle = window.adsbygoogle || []).push({});
103+
</script>
88104
</div><!-- /.hero -->
89105

90106
<main id="main" class="site-main">
91-
<section class="site-section section-features">
107+
<section class="site-section section-features" style="margin-top: -20px;">
92108
<div class="container">
93109
<div class="row">
94110
<div class="col-md-12" style="text-align:center;">
@@ -102,21 +118,7 @@ <h1>Complementary<br><span style="color: var(--ThemeColor)">Reimagined Shaders</
102118
</div>
103119
</div>
104120
</div>
105-
<p id="before-downloads"></p>
106121
</section><!-- /.section-features -->
107-
<section id="download-section" class="site-section section-downloads">
108-
<div class="hero-text">
109-
<h2>Downloads</h2>
110-
<p class="download-title" style="--ThemeColor: var(--CompOrange);">The Complementary Installer</p>
111-
<p>The installer will automatically download and install Complementary Reimagined with the Iris shader loader.
112-
<br>Simply run the installer, choose your Minecraft version, and click install.</p>
113-
<a href="https://github.com/ComplementaryDevelopment/Complementary-Installer/releases/download/latest/Complementary-Installer-1.0.1.jar" class="btn btn-installer" style="width: 350px;">Download Complementary Installer</a>
114-
<p class="download-title">Manual Download</p>
115-
<p>If you don't want an installer, you can download the shaderpack file from CurseForge.
116-
<br>Note that you need to manually download and install a shader loader to run Complementary Reimagined.</p>
117-
<a href="https://www.curseforge.com/minecraft/customization/complementary-reimagined/download" class="btn btn-border" style="width: 350px;">Download Shader Zip File</a>
118-
</div>
119-
</section><!-- /.section-downloads -->
120122

121123
<!-- Horizontal Ad 1 -->
122124
<div class="ad-div1">
@@ -128,6 +130,20 @@ <h2>Downloads</h2>
128130
(adsbygoogle = window.adsbygoogle || []).push({});
129131
</script>
130132
</div>
133+
134+
<section id="download-section" class="site-section section-downloads">
135+
<div class="hero-text">
136+
<h2>Downloads</h2>
137+
<p class="download-title">The Complementary Installer</p>
138+
<p>The installer will automatically download and install Complementary Reimagined with the Iris shader loader.
139+
<br>Simply run the installer, choose your Minecraft version, and click install.</p>
140+
<a href="https://github.com/ComplementaryDevelopment/Complementary-Installer/releases/download/latest/Complementary-Installer-1.0.1.jar" id="down-btn" class="btn btn-installer" style="width: 350px;">Download Complementary Installer</a>
141+
<p class="download-title" style="--ThemeColor: var(--CompOrange);">Manual Download</p>
142+
<p>If you don't want an installer, you can download the shaderpack file from CurseForge.
143+
<br>Note that you need to manually download and install a shader loader to run Complementary Reimagined.</p>
144+
<a href="https://www.curseforge.com/minecraft/customization/complementary-reimagined/download" class="btn btn-manual" style="width: 350px; --ThemeColor: var(--CompOrange);">Download Shader Zip File</a>
145+
</div>
146+
</section><!-- /.section-downloads -->
131147

132148
<section class="site-section section-screenshots">
133149
<div class="hero-text">

‎shaders-v4/index.html‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -74,6 +74,14 @@
7474
</header><!-- /#mastheaed -->
7575

7676
<div id="hero" class="hero overlay shaders-v4-hero">
77+
<!-- Vertical Ad 1 -->
78+
<ins class="adsbygoogle ad-vertical ad-v1"
79+
style="width:200px;height:500px"
80+
data-ad-client="ca-pub-2272615298786275"
81+
data-ad-slot="6798831114"></ins>
82+
<script>
83+
(adsbygoogle = window.adsbygoogle || []).push({});
84+
</script>
7785
<div class="hero-content">
7886
<div class="hero-text">
7987
<h1>Complementary Shaders <span style="color: var(--ThemeColor)">Version 4</span></h1>
@@ -88,6 +96,14 @@ <h1>Complementary Shaders <span style="color: var(--ThemeColor)">Version 4</span
8896
<a>‎</a>
8997
</div>
9098
</div><!-- /.hero-content -->
99+
<!-- Vertical Ad 2 -->
100+
<ins class="adsbygoogle ad-vertical ad-v2"
101+
style="width:200px;height:500px"
102+
data-ad-client="ca-pub-2272615298786275"
103+
data-ad-slot="8495960125"></ins>
104+
<script>
105+
(adsbygoogle = window.adsbygoogle || []).push({});
106+
</script>
91107
</div><!-- /.hero -->
92108

93109
<main id="main" class="site-main">

0 commit comments

Comments
 (0)