Skip to content

Commit ed79bf8

Browse files
gerwinbeumergerwinbeumer
committed
Nalopen docs. Menu variabel gemaakt
1 parent 0fa22e6 commit ed79bf8

30 files changed

+4869
-4882
lines changed

‎dist/about.html

+128-102
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,19 @@
1-
<!DOCTYPE html>
2-
<html>
31

4-
<head>
5-
<title>About - CastleCSS</title>
6-
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, maximum-scale=1" />
72

8-
<link rel="stylesheet" href="css/styles.min.css" />
9-
<link rel="stylesheet" href="https://opensource.keycdn.com/fontawesome/4.6.3/font-awesome.min.css " />
10-
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css' />
113

12-
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js" type="text/javascript"></script>
4+
<!DOCTYPE html>
5+
<html>
136

14-
</head>
7+
<head>
8+
<title>About - CastleCSS</title>
9+
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, maximum-scale=1" />
10+
<link rel="stylesheet" href="css/styles.min.css" />
11+
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css' />
12+
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js" type="text/javascript"></script>
13+
</head>
1514

16-
<body>
15+
<body>
16+
1717
<!-- Google Tag Manager -->
1818
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-N85PTX"
1919
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
@@ -22,7 +22,8 @@
2222
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
2323
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
2424
})(window,document,'script','dataLayer','GTM-N85PTX');</script>
25-
<div id="wrapper" class="wrapper">
25+
26+
<div id="wrapper" class="wrapper ">
2627

2728
<div class="g full-height">
2829

@@ -32,102 +33,127 @@
3233
<header id="header" class="nav-container p-3x">
3334
<div class="nav-label">menu</div>
3435
<a class="nav-logo" href="index.html"><img src="img/logo-castlecss.png"></a>
36+
3537
<ul class="doc-menu list-unstyled">
36-
<li><a href="about.html">About CastleCSS</a></li>
37-
<li>
38-
<a href="installation.html">Installation</a>
39-
</li>
40-
<li><a href="variables.html">Variables</a></li>
41-
<li>
42-
<a href="grid.html">Breakpoints &amp; Grid</a>
38+
39+
<li><a href="/about.html" class="active">About CastleCSS</a>
40+
41+
</li>
42+
43+
<li><a href="/installation.html" >Installation</a>
44+
45+
</li>
46+
47+
<li><a href="/variables.html" >Variables</a>
48+
49+
</li>
50+
51+
<li><a href="/grid.html" >Breakpoints &amp; Grid</a>
52+
4353
<ul class="list-unstyled">
44-
<li>
45-
<a href="grid.html#basicexamples">The basics</a>
46-
</li>
47-
<li>
48-
<a href="grid.html#breakpoints">Breakpoints</a>
49-
</li>
50-
<li>
51-
<a href="grid.html#basicexamples">Basic grid examples</a>
52-
</li>
53-
<li>
54-
<a href="grid.html#gutters">Gutters</a>
55-
</li>
56-
<li>
57-
<a href="grid.html#directionalignment">Direction and alignment</a>
58-
</li>
54+
55+
<li><a href="grid.html#basicexamples">The basics</a>
56+
57+
<li><a href="grid.html#breakpoints">Breakpoints</a>
58+
59+
<li><a href="grid.html#basicexamples">Basic grid examples</a>
60+
61+
<li><a href="grid.html#gutters">Gutters</a>
62+
63+
<li><a href="grid.html#directionalignment">Direction and alignment</a>
64+
5965
</ul>
60-
</li>
61-
<li><a href="utility.html">Utility classes</a></li>
62-
<li><a href="utility_spacers.html">Utility spacers</a></li>
63-
<li><a href="icons.html">Icons</a></li>
64-
<li><a href="buttons.html">Buttons</a></li>
65-
<li><a href="notifications.html">Notifications / alerts</a></li>
66-
<li><a href="mixins.html">Mixins</a></li>
66+
67+
</li>
68+
69+
<li><a href="/utility.html" >Utility classes</a>
70+
71+
</li>
72+
73+
<li><a href="/utility_spacers.html" >Utility spacers</a>
74+
75+
</li>
76+
77+
<li><a href="/icons.html" >Icons</a>
78+
79+
</li>
80+
81+
<li><a href="/buttons.html" >Buttons</a>
82+
83+
</li>
84+
85+
<li><a href="/notifications.html" >Notifications / alerts</a>
86+
87+
</li>
88+
89+
<li><a href="/mixins.html" >Mixins</a>
90+
91+
</li>
92+
6793
</ul>
94+
95+
96+
97+
6898
</header>
6999

70100
</div>
71101
<!-- End side -->
72102

73-
<!-- Main -->
74-
<div class="b0_12 b4_14 b4_push_01">
75-
<div class="p-3x">
76-
77-
<div class="block">
78-
<h1>About CastleCSS</h1>
79-
<p class="intro">A modular, easy to use SCSS Framework</p>
80-
81-
<h2>What is CastleCSS? </h2>
82-
<p >CastleCSS is a mobile first SCSS framework with modular building blocks for the web. It's also fully updateable! No more worrying if your base files are still correct, we keep the files up-to-date for you!</p>
83-
</div>
84-
<div class="block">
85-
<h2>Why did we create CastleCSS?</h2>
86-
<p>Years ago, when the responsive web was on the rise, none of the existing mobile first frameworks lived up to our specific needs. We did not believe in things like device specific classes and the grids did not offer the flexibility we required... So, we started creating our own Fortress in HTML/CSS/JS and have been expanding it ever since.</p>
87-
88-
<p>Now, we want to share our way of working with the world.</p>
89-
</div>
90-
<div class="block">
91-
<h2>What makes CastleCSS different?</h2>
92-
<p>Unlike other Frameworks, we do n&oacute;t include everything, but only what you need. The core is a kickstart to your website, which you can extend with several extensions.</p>
93-
94-
<p>Our philosophy is mobile first, easy to update, self explanatory code. We want to be able to keep you up to date with the latest version of CastleCSS, which is only possible if you follow the installation instructions.</p>
95-
<div>
96-
<a class="btn-theme04 mb" href="installation.html"><i class="fa fa-book"></i> Installation instructions</a>
97-
98-
<a href="https://github.com/castlecss/castlecss-boilerplate" class="btn-theme02" aria-label="Watch castlecss/castlecss-boilerplate on GitHub" target="_blank"><i class="fa fa-github"></i> Watch on github</a>
99-
<a href="https://github.com/castlecss/castlecss-boilerplate/archive/master.zip" class="btn" aria-label="Download castlecss/castlecss-boilerplate on GitHub" target="_blank"><i class="fa fa-cloud-download"></i> Download boilerplate</a>
100-
</div>
101-
</div>
102-
103-
</div>
104-
105-
<!-- Scripts for footer -->
106-
<!-- Scripts for documentation -->
107-
<footer id="footer">
108-
109-
</footer>
110-
<script>
111-
$(function () {
112-
navOpen();
113-
});
114-
function navOpen() {
115-
$('.nav-label, .open-documentation').on('click', function(e) {
116-
$('.nav-container').toggleClass('nav-container-active');
117-
e.preventDefault();
118-
});
119-
}
120-
121-
</script>
122-
123-
<script src="js/shCore.js"></script>
124-
<script src="js/shBrushXml.js"></script>
125-
<script src="js/shBrushSass.js"></script>
126-
<script src="js/shBrushJScript.js"></script>
127-
<script type="text/javascript">SyntaxHighlighter.all();</script>
128-
<script async defer src="https://buttons.github.io/buttons.js"></script>
129-
130-
131-
</body>
132-
133-
</html>
103+
104+
<!-- Main -->
105+
<div class="b0_12 b4_14 b4_push_01">
106+
<div class="p-3x">
107+
<div class="block">
108+
<h1>About CastleCSS</h1>
109+
<p class="intro">A modular, easy to use SCSS Framework</p>
110+
111+
<h2>What is CastleCSS? </h2>
112+
<p >CastleCSS is a mobile first SCSS framework with modular building blocks for the web. It's also fully updateable! No more worrying if your base files are still correct, we keep the files up-to-date for you!</p>
113+
</div>
114+
<div class="block">
115+
<h2>Why did we create CastleCSS?</h2>
116+
<p>Years ago, when the responsive web was on the rise, none of the existing mobile first frameworks lived up to our specific needs. We did not believe in things like device specific classes and the grids did not offer the flexibility we required... So, we started creating our own Fortress in HTML/CSS/JS and have been expanding it ever since.</p>
117+
118+
<p>Now, we want to share our way of working with the world.</p>
119+
</div>
120+
<div class="block">
121+
<h2>What makes CastleCSS different?</h2>
122+
<p>Unlike other Frameworks, we do n&oacute;t include everything, but only what you need. The core is a kickstart to your website, which you can extend with several extensions.</p>
123+
124+
<p>Our philosophy is mobile first, easy to update, self explanatory code. We want to be able to keep you up to date with the latest version of CastleCSS, which is only possible if you follow the installation instructions.</p>
125+
<div>
126+
<a class="btn-theme04 mb" href="installation.html"><i class="fa fa-book"></i> Installation instructions</a>
127+
<a href="https://github.com/castlecss/castlecss-boilerplate" class="btn-theme02" aria-label="Watch castlecss/castlecss-boilerplate on GitHub" target="_blank"><i class="fa fa-github"></i> Watch on github</a>
128+
<a href="https://github.com/castlecss/castlecss-boilerplate/archive/master.zip" class="btn" aria-label="Download castlecss/castlecss-boilerplate on GitHub" target="_blank"><i class="fa fa-cloud-download"></i> Download boilerplate</a>
129+
</div>
130+
</div>
131+
</div>
132+
</div>
133+
<!-- End main -->
134+
135+
<!-- Scripts for documentation -->
136+
<footer id="footer">
137+
138+
</footer>
139+
<script>
140+
$(function () {
141+
navOpen();
142+
});
143+
function navOpen() {
144+
$('.nav-label, .open-documentation').on('click', function(e) {
145+
$('.nav-container').toggleClass('nav-container-active');
146+
e.preventDefault();
147+
});
148+
}
149+
150+
</script>
151+
152+
<script src="js/shCore.js"></script>
153+
<script src="js/shBrushXml.js"></script>
154+
<script src="js/shBrushSass.js"></script>
155+
<script src="js/shBrushJScript.js"></script>
156+
<script type="text/javascript">SyntaxHighlighter.all();</script>
157+
<script async defer src="https://buttons.github.io/buttons.js"></script>
158+
</body>
159+
</html>

0 commit comments

Comments
 (0)