Skip to content

Commit b3c3c63

Browse files
philtrepphiltrep
committed
Added initial github pages
1 parent a9de029 commit b3c3c63

File tree

8 files changed

+290
-0
lines changed

8 files changed

+290
-0
lines changed

‎docs/css/styles.css‎

Lines changed: 190 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,190 @@
1+
html, body {
2+
color: #666666;
3+
font-family: 'Roboto', sans-serif;
4+
text-rendering: optimizeLegibility;
5+
-webkit-font-smoothing: antialiased;
6+
-moz-osx-font-smoothing: grayscale;
7+
font-size: 15px;
8+
}
9+
10+
code, pre {
11+
text-align: left;
12+
}
13+
14+
h3 {
15+
font-size: 20px;
16+
color: #4A4A4A;
17+
position: relative;
18+
}
19+
20+
.uppercase {
21+
text-transform: uppercase;
22+
}
23+
24+
h3 img {
25+
position: absolute;
26+
display: none;
27+
}
28+
29+
.lightning-icon {
30+
left: -34px;
31+
}
32+
33+
.box-icon {
34+
left: -43px;
35+
}
36+
37+
h5 {
38+
font-size: 14px;
39+
color: #9B9B9B;
40+
margin: 10px 0 18px 0;
41+
}
42+
43+
.gist {
44+
font-size: 13px;
45+
line-height: 18px;
46+
margin-bottom: 30px;
47+
width: 100%;
48+
}
49+
50+
.gist pre {
51+
font-family: Menlo, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', monospace !important;
52+
}
53+
54+
.gist .gist-file {
55+
border-bottom: none !important;
56+
background-color: #FBFBFB !important;
57+
}
58+
59+
.gist-meta {
60+
display: none;
61+
}
62+
63+
.top-section {
64+
background-color: #FBFBFB;
65+
border-bottom: 1px solid #E0E0E0;
66+
}
67+
68+
.middle-section {
69+
padding: 60px 0 0 0;
70+
}
71+
72+
.middle-section .container {
73+
margin-bottom: 60px;
74+
}
75+
76+
.logo {
77+
margin: 80px auto;
78+
display: block;
79+
}
80+
81+
.intro {
82+
font-weight: 300;
83+
margin: 120px auto 60px auto;
84+
font-size: 21px;
85+
text-align: center;
86+
}
87+
88+
.intro span {
89+
font-size: 16px;
90+
}
91+
92+
.tech-logos {
93+
margin: 30px auto 0 auto;
94+
width: 100%;
95+
}
96+
97+
footer {
98+
height: 120px;
99+
background-color: #000;
100+
padding: 30px 0;
101+
}
102+
103+
.osedea-logo {
104+
margin: 0 auto;
105+
display: block;
106+
}
107+
108+
.cta {
109+
height: 40px;
110+
border: 1px solid #EE4028;
111+
border-radius: 8px;
112+
color: #EE4028;
113+
font-size: 15px;
114+
width: 300px;
115+
margin: 90px auto;
116+
display: block;
117+
line-height: 40px;
118+
text-align: center;
119+
background-color: #FFF;
120+
transition: background-color 0.3s ease;
121+
transition: color 0.3s ease;
122+
}
123+
124+
.cta:hover {
125+
background-color: #EE4028;
126+
color: #FFF;
127+
text-decoration: none;
128+
transition: background-color 0.3s ease;
129+
transition: color 0.3s ease;
130+
}
131+
132+
.middle-container:last-child {
133+
margin-bottom: 0;
134+
}
135+
136+
copyright {
137+
color: #FFF;
138+
font-size: 12px;
139+
position: initial;
140+
text-align: center;
141+
display: block;
142+
padding-top: 15px;
143+
}
144+
145+
copyright a {
146+
color: #FFF;
147+
text-decoration: underline;
148+
}
149+
150+
copyright a:hover {
151+
color: #FFF;
152+
}
153+
154+
@media (min-width: 768px) {
155+
.intro {
156+
font-size: 30px;
157+
margin: 140px auto 0 auto;
158+
}
159+
160+
.intro span {
161+
font-size: 22px;
162+
}
163+
164+
footer {
165+
height: 80px;
166+
}
167+
168+
.osedea-logo {
169+
margin: 0;
170+
display: inline;
171+
}
172+
173+
copyright {
174+
position: relative;
175+
top: 3px;
176+
text-align: right;
177+
}
178+
}
179+
180+
@media (min-width: 860px) {
181+
h3 img {
182+
display: block;
183+
}
184+
}
185+
186+
@media (min-width: 820px) {
187+
.container{
188+
max-width: 820px !important;
189+
}
190+
}

‎docs/images/box-icon.png‎

974 Bytes
Loading

‎docs/images/favicon.png‎

609 Bytes
Loading

‎docs/images/lightning-icon.png‎

724 Bytes
Loading

‎docs/images/logo.png‎

4.16 KB
Loading

‎docs/images/osedea-logo.png‎

2.15 KB
Loading

‎docs/images/tech-logos.png‎

28.7 KB
Loading

‎docs/index.html‎

Lines changed: 100 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,100 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<title>NoDock</title>
6+
<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width">
7+
<link rel="icon" href="images/favicon.png" type="image/png">
8+
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400" rel="stylesheet" type="text/css">
9+
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
10+
<link rel="stylesheet" href="css/styles.css" type="text/css">
11+
</head>
12+
<body>
13+
<script>
14+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
15+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
16+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
17+
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
18+
ga('create', 'UA-86495449-1', 'auto');
19+
ga('send', 'pageview');
20+
</script>
21+
<a href="https://github.com/you"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
22+
<div class="top-section">
23+
<div class="container">
24+
<div class="row">
25+
<div class="col-xs-12">
26+
<a href="https://github.com/Osedea/nodock">
27+
<img class="logo" src="images/logo.png" alt="NoDock Logo" title="NoDock Logo" />
28+
</a>
29+
<p class="intro">NoDock is the Docker solution for Node<br><span>Open-source full-stack environment for your Node projects</span></p>
30+
</div>
31+
<div class="col-xs-12">
32+
<a class="cta" href="https://github.com/Osedea/nodock">Contribute on GitHub</a>
33+
</div>
34+
</div>
35+
</div>
36+
</div>
37+
<div class="middle-section">
38+
<div class="middle-container container">
39+
<div class="row">
40+
<div class="col-xs-12 col-sm-4">
41+
<h3>Framework Agnostic</h3>
42+
<p>
43+
MEAN, Meteor, Sails, etc. Run the stack you choose, the way you want. Totally unopinionated, fully customizable.
44+
</p>
45+
</div>
46+
<div class="col-xs-12 col-sm-4">
47+
<h3>Better, Faster &amp; Stronger</h3>
48+
<p>
49+
Docker + Docker Compose ensures your environment is fast and stable for development, testing and production.
50+
</p>
51+
</div>
52+
<div class="col-xs-12 col-sm-4">
53+
<h3>Focus on Code</h3>
54+
<p>
55+
Plug-and-play configurations allow you to get started in minutes. Reduce the learning curve for new developers.
56+
</p>
57+
</div>
58+
</div>
59+
</div>
60+
<div class="middle-container container">
61+
<div class="row">
62+
<div class="col-xs-12">
63+
<h3><img class="box-icon" src="images/box-icon.png" alt="Box Icon" title="Box Icon" />Easy to set up</h3>
64+
<h5>It takes 2 minutes to get an app up:</h5>
65+
<script src="https://gist.github.com/philtrep/716129ed0969ce2641dd56a63c2d7071.js"></script>
66+
<h5>Et voilà! You can see the example up on localhost.</h5>
67+
</div>
68+
</div>
69+
</div>
70+
<div class="middle-container container">
71+
<div class="row">
72+
<div class="col-xs-12">
73+
<h3><img class="lightning-icon" src="images/lightning-icon.png" alt="Lightning Icon" title="Lightning Icon" />Currently supports</h3>
74+
<img class="tech-logos" src="images/tech-logos.png" alt="Tech Logo" title="Tech Logo" />
75+
<h5 class="text-right">... with more coming!</h5>
76+
</div>
77+
<div class="col-xs-12">
78+
<a class="cta" href="https://github.com/Osedea/nodock">Contribute on GitHub</a>
79+
</div>
80+
</div>
81+
</div>
82+
</div>
83+
<footer>
84+
<div class="container">
85+
<div class="row">
86+
<div class="col-xs-12 col-sm-3">
87+
<a href="https://osedea.com/">
88+
<img class="osedea-logo" src="images/osedea-logo.png" alt="Osedea Logo" title="Osedea Logo" />
89+
</a>
90+
</div>
91+
<div class="col-xs-12 col-sm-9">
92+
<copyright>
93+
<a href="https://osedea.com/">Osedea</a> is proud to be supporting NoDock, <a href="https://github.com/Osedea">we <3 open source</a>
94+
</copyright>
95+
</div>
96+
</div>
97+
</div>
98+
</footer>
99+
</body>
100+
</html>

0 commit comments

Comments
 (0)