Skip to content

Commit d1a4a87

Browse files
EminGTEminGT
committed
Add reimaginedTest page
1 parent b6e5228 commit d1a4a87

File tree

4 files changed

+233
-7
lines changed

4 files changed

+233
-7
lines changed

‎assets/css/style.css‎

Lines changed: 59 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -46,6 +46,7 @@
4646

4747
--ThemeColor: var(--IndexColor);
4848

49+
--VeryVeryDarkGray: rgb(30, 30, 31);
4950
--VeryDarkGray: rgb(40, 40, 42);
5051
--DarkGray: rgb(68, 68, 72);
5152
--VeryLightGray: rgb(254, 254, 254);
@@ -149,6 +150,10 @@ p + p {
149150
border: 2px solid var(--ThemeColor);
150151
}
151152

153+
.btn-installer {
154+
border: 2px solid var(--ThemeColor);
155+
}
156+
152157
.btn-fill {
153158
background-color: var(--ThemeColor);
154159
color: #fff;
@@ -1024,17 +1029,16 @@ html, body {
10241029
max-width: 100%;
10251030
}
10261031

1027-
.hero-text .btn {
1032+
.hero-text .btn-border {
10281033
position: relative;
10291034
margin: 5px;
10301035
background-color: transparent;
10311036
max-width: 100%;
10321037
}
1033-
1034-
.hero-text .btn:focus {
1038+
.hero-text .btn-border:focus {
10351039
color: var(--VeryLightGray);
10361040
}
1037-
.hero-text .btn:hover {
1041+
.hero-text .btn-border:hover {
10381042
background-color: rgba(0, 0, 0, 0.25);
10391043
color: var(--ThemeColor);
10401044
border-color: var(--VeryLightGray);
@@ -1166,8 +1170,9 @@ table, th, td {
11661170

11671171
/* site-section */
11681172
.site-section {
1169-
padding: 50px 0 60px;
1170-
background-color: var(--VeryDarkGray);
1173+
padding-top: 50px;
1174+
padding-bottom: 60px;
1175+
background-color: var(--VeryDarkGray);
11711176
}
11721177

11731178
.subheading-text {
@@ -1212,6 +1217,44 @@ table, th, td {
12121217
height: 380px;
12131218
}
12141219

1220+
/* Section: Downloads */
1221+
.section-downloads {
1222+
margin-top: -15px;
1223+
margin-bottom: 55px;
1224+
background-color: var(--VeryVeryDarkGray);
1225+
}
1226+
1227+
.section-downloads h2 {
1228+
margin-top: -15px;
1229+
margin-bottom: -10px;
1230+
}
1231+
1232+
.section-downloads .download-title {
1233+
color: var(--ThemeColor);
1234+
font-size: 25px;
1235+
font-weight: bold;
1236+
margin-top: 40px;
1237+
}
1238+
1239+
.section-downloads p {
1240+
font-size: 16px;
1241+
color: var(--VeryLightGray);
1242+
margin-top: 15px;
1243+
margin-bottom: 15px;
1244+
}
1245+
1246+
.section-downloads .btn-installer {
1247+
border-color: var(--CompOrange);
1248+
color: white;
1249+
font-weight: bold;
1250+
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;
1252+
}
1253+
.section-downloads .btn-installer:hover {
1254+
color: var(--CompOrange);
1255+
border-color: white;
1256+
}
1257+
12151258
/* Section: Screenshots */
12161259
.section-screenshots {
12171260
margin-top: -65px;
@@ -1864,4 +1907,14 @@ a.github-bg:hover {
18641907
.section-map {
18651908
height: 500px;
18661909
width: 100%
1910+
}
1911+
1912+
/* Ad Stuff */
1913+
.adsbygoogle {
1914+
background-color: var(--VeryVeryDarkGray);
1915+
}
1916+
.ad-div1 {
1917+
margin-top: -10px;
1918+
padding-bottom: 40px;
1919+
text-align: center;
18671920
}

‎reimagined/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -147,4 +147,4 @@ <h2>Screenshots</h2>
147147
<script src="/assets/js/jquery.shuffle.min.js"></script>
148148
<script src="/assets/js/script.js"></script>
149149
</body>
150-
</html>
150+
</html>

‎reimaginedTest/index.html‎

Lines changed: 172 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,172 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<!-- Basic Page Needs
5+
================================================== -->
6+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
7+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
8+
9+
<meta name="robots" content="noindex">
10+
11+
<!-- Mobile Specific Metas
12+
================================================== -->
13+
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
14+
<meta name="apple-mobile-web-app-capable" content="yes">
15+
16+
<!-- Fonts -->
17+
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,600,700" rel="stylesheet">
18+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
19+
20+
<!-- Favicon
21+
================================================== -->
22+
<link rel="apple-touch-icon" sizes="180x180" href="/assets/img/CompLogo180x.jpg">
23+
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/CompLogo16x.jpg">
24+
25+
<!-- Stylesheets
26+
================================================== -->
27+
<!-- Bootstrap core CSS -->
28+
<link href="/assets/css/bootstrap.min.css" rel="stylesheet">
29+
30+
<!-- Custom styles for this template -->
31+
<link href="/assets/css/style.css" rel="stylesheet">
32+
<link href="/assets/css/responsive.css" rel="stylesheet">
33+
34+
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
35+
<!--[if lt IE 9]>
36+
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
37+
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
38+
<![endif]-->
39+
40+
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2272615298786275"
41+
crossorigin="anonymous"></script>
42+
43+
<root span style="--ThemeColor: var(--ReimaginedColor);">
44+
</head>
45+
46+
<body>
47+
<header id="masthead" class="site-header">
48+
<nav id="primary-navigation" class="site-navigation">
49+
<div class="container">
50+
<div class="navbar-header">
51+
<a href="/" class="site-title"><span>Complementary</span> Development</a>
52+
</div><!-- /.navbar-header -->
53+
54+
<div class="collapse navbar-collapse" id="agency-navbar-collapse">
55+
<ul class="nav navbar-nav navbar-right">
56+
<li><a href="/">Home</a></li>
57+
<li class="active"><a href="/reimagined" data-toggle="dropdown" style="--ThemeColor: var(--ReimaginedColor);">Reimagined</a></li>
58+
<li><a href="/shaders-v4" style="--ThemeColor: var(--VersionFourColor);">Version 4</a></li>
59+
<li class="dropdown"><a href="/contact" class="dropdown-toggle" data-toggle="dropdown">Information<i class="fa fa-caret-down hidden-xs" aria-hidden="true"></i></a>
60+
<ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
61+
<li><a href="/contact">Contact</a></li>
62+
<li><a href="/changelogs">Changelogs</a></li>
63+
<li><a href="/mod-issues">Mod Issues</a></li>
64+
</ul>
65+
</li>
66+
</ul>
67+
</div>
68+
</div>
69+
</nav><!-- /.site-navigation -->
70+
</header><!-- /#mastheaed -->
71+
72+
<div id="hero" class="hero overlay reimagined-hero">
73+
<div class="hero-content">
74+
<div class="hero-text">
75+
<h1>Complementary<br><span style="color: var(--ThemeColor)">Reimagined Shaders</span></h1>
76+
<p>Aiming for perfection and reimagining Minecraft.</p>
77+
<a onclick="document.getElementById('before-downloads').scrollIntoView(/*{block: 'center'}*/);"
78+
class="btn btn-border">See Downloads</a>
79+
</div>
80+
<div class="hero-text">
81+
<a>‎</a>
82+
</div>
83+
</div><!-- /.hero-content -->
84+
</div><!-- /.hero -->
85+
86+
<main id="main" class="site-main">
87+
<section class="site-section section-features">
88+
<div class="container">
89+
<div class="row">
90+
<div class="col-md-12" style="text-align:center;">
91+
<p>
92+
Complementary Reimagined is a high quality Minecraft Java Edition shader pack that aims for perfection.
93+
<br>Preserving the unique style of Minecraft, with options to customise everything ranging from clouds to water.
94+
<br>Reimagined offers a ton of high quality effects, incredible attention to detail, an issueless experience, and top tier optimization.
95+
<br>Trying to complement Minecraft in the best way possible, Reimagined aims to please everyone who loves Minecraft.
96+
<br>There is no better summary for Reimagined other than that it is a shader pack that aims to be the ultimate choice.
97+
</p>
98+
</div>
99+
</div>
100+
</div>
101+
<p id="before-downloads"></p>
102+
</section><!-- /.section-features -->
103+
<section id="download-section" class="site-section section-downloads">
104+
<div class="hero-text">
105+
<h2>Downloads</h2>
106+
<p class="download-title" style="--ThemeColor: var(--CompOrange);">The Complementary Installer</p>
107+
<p>The installer will automatically download and install Complementary Reimagined with the Iris shader loader.
108+
<br>Simply run the installer, choose your Minecraft version, and click install.</p>
109+
<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>
110+
<p class="download-title">Manual Download</p>
111+
<p>If you don't want an installer, you can download the shaderpack file from CurseForge.
112+
<br>Note that you need to manually download and install a shader loader to run Complementary Reimagined.</p>
113+
<a href="https://www.curseforge.com/minecraft/customization/complementary-reimagined/download" class="btn btn-border" style="width: 350px;">Download Shader Zip File</a>
114+
</div>
115+
</section><!-- /.section-downloads -->
116+
117+
<!-- Horizontal Ad 1 -->
118+
<div class="ad-div1">
119+
<ins class="adsbygoogle"
120+
style="display:inline-block;width:720px;height:140px"
121+
data-ad-client="ca-pub-2272615298786275"
122+
data-ad-slot="5252695595"></ins>
123+
<script>
124+
(adsbygoogle = window.adsbygoogle || []).push({});
125+
</script>
126+
</div>
127+
128+
<section class="site-section section-screenshots">
129+
<div class="hero-text">
130+
<h2>Screenshots</h2>
131+
</div>
132+
<img src="/assets/img/Rscreenshots/oldGrowthR.jpg" loading="lazy"></img>
133+
<img src="/assets/img/Rscreenshots/noonFantasy.jpg" loading="lazy"></img>
134+
<img src="/assets/img/Rscreenshots/IceSpikesR.jpg" loading="lazy"></img>
135+
<img src="/assets/img/Rscreenshots/underwater.jpg" loading="lazy"></img>
136+
<img src="/assets/img/Rscreenshots/dragonBeams.jpg" loading="lazy"></img>
137+
</section><!-- /.section-screenshots -->
138+
</main><!-- /#main -->
139+
140+
<footer id="colophon" class="site-footer">
141+
<div class="copyright">
142+
<div class="container">
143+
<div class="row">
144+
<div class="col-xs-8">
145+
<div class="social-links">
146+
<a class="discord-bg" href="/discord"></a>
147+
<a class="patreon-bg" href="/patreon"></a>
148+
<a class="github-bg" href="/github"></a>
149+
</div><!-- /.social-links -->
150+
</div>
151+
<div class="col-xs-4">
152+
<div class="text-right">
153+
<p>Complementary Development</p>
154+
</div>
155+
</div>
156+
</div>
157+
</div>
158+
</div><!-- /.copyright -->
159+
</footer><!-- /#footer -->
160+
161+
<!-- Bootstrap core JavaScript
162+
================================================== -->
163+
<!-- Placed at the end of the document so the pages load faster -->
164+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
165+
<script src="/assets/js/bootstrap.min.js"></script>
166+
<script src="/assets/js/bootstrap-select.min.js"></script>
167+
<script src="/assets/js/jquery.slicknav.min.js"></script>
168+
<script src="/assets/js/jquery.countTo.min.js"></script>
169+
<script src="/assets/js/jquery.shuffle.min.js"></script>
170+
<script src="/assets/js/script.js"></script>
171+
</body>
172+
</html>

‎shaders-v4/index.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -100,6 +100,7 @@ <h1>Complementary Shaders <span style="color: var(--ThemeColor)">Version 4</span
100100
</div>
101101
</div>
102102
</section><!-- /.section-features -->
103+
103104
<section class="site-section section-screenshots">
104105
<div class="hero-text">
105106
<h2>Screenshots</h2>

0 commit comments

Comments
 (0)