Skip to content

Commit cb18c66

Browse files
EminGTEminGT
committed
add "manual-download" page
1 parent 7e6ce44 commit cb18c66

1 file changed

Lines changed: 207 additions & 0 deletions

File tree

‎manual-download/index.html‎

Lines changed: 207 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,207 @@
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+
<title>Manual Downloads | Complementary Shaders</title>
10+
11+
<meta name="description" content="Shader pack for Minecraft with exceptional quality, detail and performance.">
12+
<meta name="author" content="">
13+
<meta name="keywords" content="">
14+
15+
<!-- Mobile Specific Metas
16+
================================================== -->
17+
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
18+
<meta name="apple-mobile-web-app-capable" content="yes">
19+
20+
<!-- Fonts -->
21+
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,600,700" rel="stylesheet">
22+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
23+
24+
<!-- Favicon
25+
================================================== -->
26+
<link rel="apple-touch-icon" sizes="180x180" href="/assets/img/CompLogo180x.jpg">
27+
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/CompLogo16x.jpg">
28+
29+
<!-- Stylesheets
30+
================================================== -->
31+
<!-- Bootstrap core CSS -->
32+
<link href="/assets/css/bootstrap.min.css" rel="stylesheet">
33+
34+
<!-- Custom styles for this template -->
35+
<link href="/assets/css/style.css" rel="stylesheet">
36+
<link href="/assets/css/responsive.css" rel="stylesheet">
37+
38+
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
39+
<!--[if lt IE 9]>
40+
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
41+
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
42+
<![endif]-->
43+
44+
<!-- Google tag (gtag.js) -->
45+
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GNX1RDX0CX"></script>
46+
<script>
47+
window.dataLayer = window.dataLayer || [];
48+
function gtag(){dataLayer.push(arguments);}
49+
gtag('js', new Date());
50+
51+
gtag('config', 'G-GNX1RDX0CX');
52+
</script>
53+
<!-- Google Syndication-->
54+
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2272615298786275"
55+
crossorigin="anonymous"></script>
56+
</head>
57+
58+
<body style="--ThemeColor: var(--CompOrangeBright)">
59+
<header id="masthead" class="site-header">
60+
<nav id="primary-navigation" class="site-navigation">
61+
<div class="container">
62+
<div class="navbar-header">
63+
<a href="/" class="site-title"><span>Complementary</span> Development</a>
64+
</div><!-- /.navbar-header -->
65+
66+
<div class="collapse navbar-collapse" id="agency-navbar-collapse">
67+
<ul class="nav navbar-nav navbar-right">
68+
<li><a href="/">Home</a></li>
69+
<li class="active"><a href="/shaders" data-toggle="dropdown">Shaders</a></li>
70+
<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>
71+
<ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
72+
<li><a href="/contact">Contact</a></li>
73+
<li><a href="/privacy-policy">Privacy Policy</a></li>
74+
<li><a href="/changelogs">Changelogs</a></li>
75+
</ul>
76+
</li>
77+
</ul>
78+
</div>
79+
</div>
80+
</nav><!-- /.site-navigation -->
81+
</header><!-- /#mastheaed -->
82+
83+
<div id="hero" class="hero overlay reimagined-hero">
84+
<div class="hero-content" style="padding-top: 25px;">
85+
<div class="hero-text hero-shader-text">
86+
<h1 class="hero-shader-title" style="color: var(--ThemeColor)">Complementary Shaders</h1>
87+
<p>Shader pack for Minecraft with exceptional quality, detail, and performance.</p>
88+
<a onclick="document.getElementById('down-section').scrollIntoView({block: 'center'});"
89+
class="btn btn-border">Downloads</a>
90+
</div>
91+
<div class="hero-text">
92+
<a></a>
93+
</div>
94+
</div><!-- /.hero-content -->
95+
</div><!-- /.hero -->
96+
97+
<main id="main" class="site-main">
98+
<!-- Horizontal Ad 1 -->
99+
<div class="ad-div1">
100+
<ins class="adsbygoogle"
101+
style="display:inline-block;width:720px;height:140px"
102+
data-ad-client="ca-pub-2272615298786275"
103+
data-ad-slot="5252695595"></ins>
104+
<script>
105+
(adsbygoogle = window.adsbygoogle || []).push({});
106+
</script>
107+
</div>
108+
109+
<section id="download-section" class="site-section section-downloads">
110+
<div class="hero-text">
111+
<h2>Downloads</h2>
112+
<p class="download-title">Manual Downloads</p>
113+
<p>You can download the shaderpack files from Modrinth.
114+
<br>Note that you need to manually download and install a shader loader to run shader packs.</p>
115+
<p id="down-section" style="margin-top: -6px;"><a href="#style-section"><u>What's the difference?</u></a></p>
116+
<a href="https://modrinth.com/shader/complementary-unbound/versions" target="_blank" class="btn btn-manual" style="width: 270px; --ThemeColor: var(--CompOrange);">Complementary Unbound</a>
117+
<a href="https://modrinth.com/shader/complementary-reimagined/versions" target="_blank" class="btn btn-manual" style="width: 270px; --ThemeColor: var(--CompOrange);">Complementary Reimagined</a>
118+
</div>
119+
</section><!-- /.section-downloads -->
120+
121+
<section id="style-section" class="site-section section-screenshots">
122+
<div class="hero-text" style="margin-top: -12px;">
123+
<h2>Choose Your Style</h2>
124+
<p>Complementary Shaders comes with two distinct visual style options. The only difference between these two styles
125+
<br>is the default settings. The Unbound style is designed for people looking for a more realistic experience,
126+
<br>while the Reimagined style is made to reimagine Minecraft while preserving its unique visual elements.
127+
<br>Please note that you can still customize everything after you download either style. You can switch to blocky clouds
128+
<br>on the Unbound style, or use realistic water on the Reimagined style. All settings are located in Shader Options.
129+
</div>
130+
<img src="/assets/img/editedScreenshots/styleComparison.png" loading="lazy"></img>
131+
</section><!-- /.section-screenshots -->
132+
<section class="site-section section-screenshots">
133+
<div class="hero-text">
134+
<h2>Screenshots</h2>
135+
</div>
136+
<img src="/assets/img/newScreenshots/unbound3_cherryRainbow.jpg" loading="lazy"></img>
137+
<img src="/assets/img/newScreenshots/reim1_oldGrowth.jpg" loading="lazy"></img>
138+
<img src="/assets/img/newScreenshots/unbound2_vertoakCloud.jpg" loading="lazy"></img>
139+
<img src="/assets/img/newScreenshots/reim4_newIceSpike.jpg" loading="lazy"></img>
140+
<img src="/assets/img/newScreenshots/both3_underwater.jpg" loading="lazy"></img>
141+
<img src="/assets/img/newScreenshots/unbound1_coast.jpg" loading="lazy"></img>
142+
<img src="/assets/img/newScreenshots/both5_endCity.jpg" loading="lazy"></img>
143+
</section><!-- /.section-screenshots -->
144+
</main><!-- /#main -->
145+
146+
<footer id="colophon" class="site-footer">
147+
<div class="copyright">
148+
<div class="container">
149+
<div class="row">
150+
<div class="col-xs-8">
151+
<div class="social-links">
152+
<a class="discord-bg" href="/discord"></a>
153+
<a class="patreon-bg" href="/patreon"></a>
154+
<a class="github-bg" href="/github"></a>
155+
</div><!-- /.social-links -->
156+
</div>
157+
<div class="col-xs-4">
158+
<div class="text-right">
159+
<p>Complementary Development</p>
160+
</div>
161+
</div>
162+
</div>
163+
</div>
164+
</div><!-- /.copyright -->
165+
</footer><!-- /#footer -->
166+
167+
<!-- Bootstrap core JavaScript
168+
================================================== -->
169+
<!-- Placed at the end of the document so the pages load faster -->
170+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
171+
<script src="/assets/js/bootstrap.min.js"></script>
172+
<script src="/assets/js/bootstrap-select.min.js"></script>
173+
<script src="/assets/js/jquery.slicknav.min.js"></script>
174+
<script src="/assets/js/jquery.countTo.min.js"></script>
175+
<script src="/assets/js/jquery.shuffle.min.js"></script>
176+
<script src="/assets/js/script.js"></script>
177+
<script>
178+
function isWindowsOS() {
179+
if (navigator.platform && navigator.platform.startsWith("Win")) {
180+
return true;
181+
}
182+
183+
if (navigator.userAgent && /Windows/i.test(navigator.userAgent)) {
184+
return true;
185+
}
186+
187+
return false;
188+
}
189+
190+
const installerVersion = "1.4.0";
191+
const exeInstallerUrl = `https://github.com/ComplementaryDevelopment/Complementary-Installer/releases/download/latest/Complementary-Installer-${installerVersion}.exe`;
192+
const jarInstallerUrl = `https://github.com/ComplementaryDevelopment/Complementary-Installer/releases/download/latest/Complementary-Installer-${installerVersion}.jar`;
193+
194+
if (isWindowsOS()) {
195+
// Show both .exe and .jar buttons for Windows users
196+
document.getElementById('installer-buttons').innerHTML = `
197+
<p>Download the Complementary Installer as an .exe for Windows or universal .jar</p>
198+
<a href="${exeInstallerUrl}" class="btn btn-installer" style="width: 270px; margin-right: 10px; border: 2px solid var(--CompBlue);">Download Windows Installer</a>
199+
<a href="${jarInstallerUrl}" class="btn btn-installer" style="width: 270px; border: 2px solid var(--CompOrange);">Download Installer (.jar)</a>
200+
`;
201+
} else {
202+
document.getElementById('installer-buttons').innerHTML = `<a href="${jarInstallerUrl}" class="btn btn-installer" style="width: 350px; border: 2px solid var(--CompOrange);">Download Complementary Installer</a>`;
203+
}
204+
</script>
205+
</body>
206+
</body>
207+
</html>

0 commit comments

Comments
 (0)