Skip to content

Commit e719ead

Browse files
EminGTEminGT
committed
Update home and add changelogs page
1 parent 6a0b2d9 commit e719ead

File tree

14 files changed

+438
-21
lines changed

14 files changed

+438
-21
lines changed

‎assets/css/style.css‎

Lines changed: 64 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -529,6 +529,52 @@ select {
529529
}
530530

531531
/* Accordion */
532+
.aaccordion {
533+
border-radius: 10px;
534+
background-color: var(--DarkGray);
535+
color: white;
536+
cursor: pointer;
537+
padding: 18px;
538+
width: 100%;
539+
text-align: center;
540+
border: none;
541+
outline: none;
542+
transition: 0.4s;
543+
border: 2px solid var(--DarkGray);
544+
545+
font-family: 'minecraftchmc';
546+
font-size: 26px;
547+
line-height: 36px;
548+
color: var(--VeryLightGray);
549+
}
550+
551+
.aactive, .aaccordion:hover {
552+
border-color: var(--ThemeColor);
553+
}
554+
555+
.apanel {
556+
margin: 0px 72px;
557+
background-color: var(--VeryDarkGray);
558+
max-height: 0;
559+
overflow: hidden;
560+
transition: max-height 0.2s ease-out;
561+
text-align: left;
562+
}
563+
564+
.aaversion {
565+
background-color: var(--VeryDarkGray);
566+
text-align: left;
567+
padding-left: 72px;
568+
font-size: 20px;
569+
}
570+
571+
.aapre {
572+
background-color: var(--VeryDarkGray);
573+
color : var(--VeryLightGray);
574+
text-align: left;
575+
white-space: pre-wrap;
576+
}
577+
532578
.accordion.panel-group {
533579
margin-bottom: 0;
534580
}
@@ -669,6 +715,7 @@ html, body {
669715
padding: 0;
670716
font-family: 'rubiklight', sans-serif;
671717
/*font-family: 'minecraftchmc';*/
718+
background-color: var(--VeryDarkGray);
672719
color: var(--VeryLightGray);
673720

674721
font-size: 1.0em;
@@ -864,10 +911,17 @@ html, body {
864911
margin-bottom: 50px;
865912
margin-left: -20px;
866913
margin-right: -20px;
867-
padding: 40px 15px;
914+
padding: 50px 15px;
868915
text-align: center;
916+
cursor: pointer;
869917

870918
border-radius: 10px;
919+
outline: 2px solid rgba(0, 0, 0, 0);
920+
transition: outline-color 0.25s ease-in-out;
921+
}
922+
923+
.index-shader:hover {
924+
outline-color: var(--ThemeColor);
871925
}
872926

873927
.index-reimagined {
@@ -888,12 +942,16 @@ html, body {
888942
margin: 0;
889943
color: var(--VeryLightGray);;
890944
font-size: 40px;
945+
padding-bottom: 50px;
946+
line-height: 130%;
947+
color: var(--VeryLightGray);
891948
}
892949

893950
.index-shader p {
894951
position: relative;
895952
margin: 30px 0 30px;
896953
font-size: 20px;
954+
line-height: 50%;
897955
color: var(--VeryLightGray);;
898956
max-width: 100%;
899957
}
@@ -1015,20 +1073,16 @@ html, body {
10151073
background: url(../img/v4image.jpg) no-repeat center / cover;
10161074
}
10171075

1018-
.portfolio-hero {
1019-
background: url(../img/portfolio-hero.jpg) no-repeat center / cover;
1020-
}
1021-
1022-
.blog-hero {
1023-
background: url(../img/blog-hero.jpg) no-repeat center / cover;
1076+
.contact-hero {
1077+
background: url(../img/Taiga.jpg) no-repeat center / cover;
10241078
}
10251079

1026-
.contact-hero {
1027-
background: url(../img/v4screenshots/MountainsNearOcean.jpg) no-repeat center / cover;
1080+
.changelogs-hero {
1081+
background: url(../img/Rscreenshots/dragonBeams.jpg) no-repeat top / cover;
10281082
}
10291083

10301084
.mod-issues-hero {
1031-
background: url(../img/Taiga.jpg) no-repeat center / cover;
1085+
background: url(../img/v4screenshots/MountainsNearOcean.jpg) no-repeat center / cover;
10321086
}
10331087

10341088
.overlayer {

‎changelogs/index.html‎

Lines changed: 252 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,252 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
5+
<!-- Basic Page Needs
6+
================================================== -->
7+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
8+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
9+
10+
<title>Changelogs | Complementary Development</title>
11+
12+
<meta name="description" content="">
13+
<meta name="author" content="">
14+
<meta name="keywords" content="">
15+
16+
<!-- Mobile Specific Metas
17+
================================================== -->
18+
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
19+
<meta name="apple-mobile-web-app-capable" content="yes">
20+
21+
<!-- Fonts -->
22+
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,600,700" rel="stylesheet">
23+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
24+
25+
<!-- Favicon
26+
================================================== -->
27+
<link rel="apple-touch-icon" sizes="180x180" href="/assets/img/CompLogo180x.jpg">
28+
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/CompLogo16x.jpg">
29+
30+
<!-- Stylesheets
31+
================================================== -->
32+
<!-- Bootstrap core CSS -->
33+
<link href="/assets/css/bootstrap.min.css" rel="stylesheet">
34+
35+
<!-- Custom styles for this template -->
36+
<link href="/assets/css/style.css" rel="stylesheet">
37+
<link href="/assets/css/responsive.css" rel="stylesheet">
38+
39+
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
40+
<!--[if lt IE 9]>
41+
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
42+
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
43+
<![endif]-->
44+
45+
</head>
46+
<body>
47+
48+
<header id="masthead" class="site-header site-header-white">
49+
<nav id="primary-navigation" class="site-navigation">
50+
<div class="container">
51+
52+
<div class="navbar-header">
53+
54+
<a href="/" class="site-title"><span>Complementary</span> Development</a>
55+
56+
</div><!-- /.navbar-header -->
57+
58+
<div class="collapse navbar-collapse" id="agency-navbar-collapse">
59+
60+
<ul class="nav navbar-nav navbar-right">
61+
62+
<li><a href="/">Home</a></li>
63+
<li><a href="/reimagined" style="--ThemeColor: var(--ReimaginedColor);">Reimagined</a></li>
64+
<li><a href="/shaders-v4" style="--ThemeColor: var(--VersionFourColor);">Version 4</a></li>
65+
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" style="color: var(--ThemeColor);">Information<i class="fa fa-caret-down hidden-xs" aria-hidden="true"></i></a>
66+
<ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
67+
<li><a href="/contact">Contact</a></li>
68+
<li><a href="/changelogs" style="color: var(--ThemeColor);">Changelogs</a></li>
69+
<li><a href="/mod-issues">Mod Issues</a></li>
70+
</ul>
71+
</li>
72+
73+
</ul>
74+
75+
</div>
76+
77+
</div>
78+
</nav><!-- /.site-navigation -->
79+
</header><!-- /#mastheaed -->
80+
81+
<div id="hero" class="hero overlay subpage-hero changelogs-hero">
82+
<div class="hero-content">
83+
<div class="hero-text">
84+
<h1>Changelogs</h1>
85+
</div><!-- /.hero-text -->
86+
</div><!-- /.hero-content -->
87+
</div><!-- /.hero -->
88+
89+
<main id="main" class="site-main">
90+
91+
<section class="site-section section-features">
92+
<div class="container">
93+
<div class="row">
94+
<div class style="text-align:center;">
95+
<p>Changes are the very essence of Complementary Development, as no product is perfect from the get go.
96+
<br>Following is a list of changes made to Complementary products with possible exceptions</p>
97+
<p></p>
98+
99+
<button class="aaccordion" style="--ThemeColor: var(--ReimaginedColor);">Complementary Reimagined</button>
100+
<div class="apanel" style="margin-bottom: 40px; --ThemeColor: var(--ReimaginedColor);">
101+
<p></p>
102+
<p></p>
103+
<button class="aaccordion aaversion">r1.3 - Oct 28, 2022</button>
104+
<div class="apanel">
105+
<p></p>
106+
<p id="r7" class="cenR"></p>
107+
<p></p>
108+
</div>
109+
<button class="aaccordion aaversion">r1.2.2 - Aug 11, 2022</button>
110+
<div class="apanel">
111+
<p></p>
112+
<p id="r6" class="cenR"></p>
113+
<p></p>
114+
</div>
115+
<button class="aaccordion aaversion">r1.2.1 - Aug 7, 2022</button>
116+
<div class="apanel">
117+
<p></p>
118+
<p id="r5" class="cenR"></p>
119+
<p></p>
120+
</div>
121+
<button class="aaccordion aaversion">r1.2 - Aug 5, 2022</button>
122+
<div class="apanel">
123+
<p></p>
124+
<p id="r4" class="cenR"></p>
125+
<p></p>
126+
</div>
127+
<button class="aaccordion aaversion">r1.1.1 - Jul 1, 2022</button>
128+
<div class="apanel">
129+
<p></p>
130+
<p id="r3" class="cenR"></p>
131+
<p></p>
132+
</div>
133+
<button class="aaccordion aaversion">r1.1 - Jul 1, 2022</button>
134+
<div class="apanel">
135+
<p></p>
136+
<p id="r2" class="cenR"></p>
137+
<p></p>
138+
</div>
139+
<button class="aaccordion aaversion">r1.0 - Jun 17, 2022</button>
140+
<div class="apanel">
141+
<p></p>
142+
<p id="r1" class="cenR"></p>
143+
<p></p>
144+
</div>
145+
<p></p>
146+
<p></p>
147+
</div>
148+
<button class="aaccordion" style="--ThemeColor: var(--VersionFourColor);">Complementary Shaders v4</button>
149+
<div class="apanel" style="margin-bottom: 40px; --ThemeColor: var(--VersionFourColor);">
150+
<p></p>
151+
<p>Section Under Construction. Please check again later.</p>
152+
</div>
153+
<button class="aaccordion">Complementary Website</button>
154+
<div class="apanel">
155+
<p></p>
156+
<p>Section Under Construction. Please check again later.</p>
157+
</div>
158+
</div>
159+
</div>
160+
</div>
161+
</section><!-- /.section-features -->
162+
163+
<script>
164+
function load() {
165+
var cenR = document.getElementsByClassName("cenR");
166+
var i;
167+
for (i = 1; i < cenR.length + 1; i++) {
168+
var txtFile = new XMLHttpRequest();
169+
var allText = "Entry can not be loaded.";
170+
txtFile.onreadystatechange = function () {
171+
if (txtFile.readyState === XMLHttpRequest.DONE && txtFile.status == 200) {
172+
allText = txtFile.responseText;
173+
allText = allText.split("\n").join("<br>");
174+
}
175+
176+
document.getElementById("r"+i).innerHTML = allText;
177+
}
178+
txtFile.open("GET", "/changelogs/reimagined-ch/r"+i+".txt", false);
179+
txtFile.send(null);
180+
}
181+
}
182+
183+
window.onLoad = load();
184+
185+
var acc = document.getElementsByClassName("aaccordion");
186+
var i;
187+
for (i = 0; i < acc.length; i++) {
188+
acc[i].addEventListener("click", function() {
189+
this.classList.toggle("aactive");
190+
var panel = this.nextElementSibling;
191+
if (panel.style.maxHeight) {
192+
panel.style.maxHeight = null;
193+
} else {
194+
panel.style.maxHeight = panel.scrollHeight + "px";
195+
/*for (h = 0; h < acc.length; h++) {
196+
var panelO = acc[h].nextElementSibling;
197+
if (panelO.style.maxHeight) panelO.style.maxHeight = panelO.scrollHeight + "px";
198+
}*/
199+
}
200+
});
201+
acc[i].addEventListener("click", function() {
202+
setTimeout(
203+
function() {
204+
for (h = 0; h < acc.length; h++) {
205+
var panelO = acc[h].nextElementSibling;
206+
if (panelO.style.maxHeight) panelO.style.maxHeight = panelO.scrollHeight + "px";
207+
}
208+
}
209+
, 200);
210+
});
211+
}
212+
</script>
213+
214+
</main><!-- /#main -->
215+
216+
<footer id="colophon" class="site-footer">
217+
<div class="copyright">
218+
<div class="container">
219+
<div class="row">
220+
<div class="col-xs-8">
221+
<div class="social-links">
222+
<a class="discord-bg" href="/discord"></a>
223+
<a class="patreon-bg" href="/patreon"></a>
224+
<a class="github-bg" href="/github"></a>
225+
</div><!-- /.social-links -->
226+
</div>
227+
<div class="col-xs-4">
228+
<div class="text-right">
229+
<p>Complementary Development</p>
230+
</div>
231+
</div>
232+
</div>
233+
</div>
234+
</div><!-- /.copyright -->
235+
</footer><!-- /#footer -->
236+
237+
238+
239+
<!-- Bootstrap core JavaScript
240+
================================================== -->
241+
<!-- Placed at the end of the document so the pages load faster -->
242+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
243+
<script src="assets/js/bootstrap.min.js"></script>
244+
<script src="assets/js/bootstrap-select.min.js"></script>
245+
<script src="assets/js/jquery.slicknav.min.js"></script>
246+
<script src="assets/js/jquery.countTo.min.js"></script>
247+
<script src="assets/js/jquery.shuffle.min.js"></script>
248+
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCefOgb1ZWqYtj7raVSmN4PL2WkTrc-KyA&sensor=false"></script>
249+
<script src="assets/js/script.js"></script>
250+
251+
</body>
252+
</html>

‎changelogs/reimagined-ch/r1.txt‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
Complementary Reimagined is a brand new shaderpack. Written by EminGT, but also includes code originating from Complementary v4 and BSL.

0 commit comments

Comments
 (0)