Page MenuHomeDevCentral
Files F22790858

No OneTemporary
Actions

View Options

diff --git a/src/assets/img/DockerRegistry.png b/src/assets/img/DockerRegistry.png
new file mode 100644
index 0000000..863f546
Binary files /dev/null and b/src/assets/img/DockerRegistry.png differ
diff --git a/src/assets/img/ServersLog.png b/src/assets/img/ServersLog.png
new file mode 100644
index 0000000..235206b
Binary files /dev/null and b/src/assets/img/ServersLog.png differ
diff --git a/src/assets/scss/app.scss b/src/assets/scss/app.scss
index 962cf48..833b82c 100644
--- a/src/assets/scss/app.scss
+++ b/src/assets/scss/app.scss
@@ -1,53 +1,54 @@
@charset 'utf-8';
@import 'settings';
@import 'foundation';
@import 'motion-ui';
@include foundation-global-styles;
@include foundation-grid;
// @include foundation-flex-grid;
@include foundation-typography;
@include foundation-button;
@include foundation-forms;
// @include foundation-range-input;
@include foundation-accordion;
@include foundation-accordion-menu;
@include foundation-badge;
@include foundation-breadcrumbs;
@include foundation-button-group;
@include foundation-callout;
@include foundation-close-button;
@include foundation-menu;
@include foundation-menu-icon;
@include foundation-drilldown-menu;
@include foundation-dropdown;
@include foundation-dropdown-menu;
@include foundation-flex-video;
@include foundation-label;
@include foundation-media-object;
@include foundation-off-canvas;
@include foundation-orbit;
@include foundation-pagination;
@include foundation-progress-bar;
// @include foundation-progress-element;
// @include foundation-meter-element;
@include foundation-slider;
@include foundation-sticky;
@include foundation-reveal;
@include foundation-switch;
@include foundation-table;
@include foundation-tabs;
@include foundation-thumbnail;
@include foundation-title-bar;
@include foundation-tooltip;
@include foundation-top-bar;
@include foundation-visibility-classes;
@include foundation-float-classes;
// @include foundation-flex-classes;
@include motion-ui-transitions;
@include motion-ui-animations;
@import 'components/layout';
@import 'components/footer';
+@import 'components/utilities-classes';
diff --git a/src/assets/scss/components/_layout.scss b/src/assets/scss/components/_layout.scss
index 7bd0e8d..d05352f 100644
--- a/src/assets/scss/components/_layout.scss
+++ b/src/assets/scss/components/_layout.scss
@@ -1,41 +1,47 @@
body {
margin-top: 3em;
}
h1 img {
margin-right: 0.5em;
}
header {
margin-bottom: 1.5em;
}
code {
font-size: 0.9em;
}
.primary {
a {
color: #16353a;
}
h1, h2, h3, h4, h5, h6 {
color: $white;
}
code {
color: $black;
background-color: $white;
border: 1px solid $light-gray;
}
}
.secondary {
h1, h2, h3, h4, h5, h6 {
color: $black;
}
}
+.callout {
+ h1, h2, h3, h4, h5, h6, a {
+ color: $white;
+ }
+}
+
.label {
margin-right: 0.25em;
}
diff --git a/src/assets/scss/components/_utilities-classes.scss b/src/assets/scss/components/_utilities-classes.scss
new file mode 100644
index 0000000..5679ab8
--- /dev/null
+++ b/src/assets/scss/components/_utilities-classes.scss
@@ -0,0 +1,7 @@
+.image-screenshot {
+ border: $primary-color solid 3px;
+
+ &:hover {
+ border: #F2792E solid 3px;
+ }
+}
diff --git a/src/assets/scss/components/utilities-classes.scss b/src/assets/scss/components/utilities-classes.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/src/pages/index.html b/src/pages/index.html
index b76ff85..1c7a5a8 100644
--- a/src/pages/index.html
+++ b/src/pages/index.html
@@ -1,151 +1,32 @@
-<div class="row">
- <div class="large-12 columns">
- <h1>Welcome to Foundation for Sites</h1>
- </div>
-</div>
+---
+title: Infrastructure
+---
-<div class="row">
+<section class="row">
<div class="large-12 columns">
<div class="callout">
- <h3>We&rsquo;re stoked you want to try Foundation! </h3>
- <p>To get going, this file (index.html) includes some basic styles you can modify, play around with, or totally destroy to get going.</p>
- <p>Once you've exhausted the fun in this document, you should check out:</p>
- <div class="row">
- <div class="large-4 medium-4 columns">
- <p><a href="http://foundation.zurb.com/docs">Foundation Documentation</a><br />Everything you need to know about using the framework.</p>
- </div>
- <div class="large-4 medium-4 columns">
- <p><a href="http://zurb.com/university/code-skills">Foundation Code Skills</a><br />These online courses offer you a chance to better understand how Foundation works and how you can master it to create awesome projects.</p>
- </div>
- <div class="large-4 medium-4 columns">
- <p><a href="http://foundation.zurb.com/forum">Foundation Forum</a><br />Join the Foundation community to ask a question or show off your knowlege.</p>
- </div>
- </div>
- <div class="row">
- <div class="large-4 medium-4 medium-push-2 columns">
- <p><a href="http://github.com/zurb/foundation">Foundation on Github</a><br />Latest code, issue reports, feature requests and more.</p>
- </div>
- <div class="large-4 medium-4 medium-pull-2 columns">
- <p><a href="https://twitter.com/ZURBfoundation">@zurbfoundation</a><br />Ping us on Twitter if you have questions. When you build something with this we'd love to see it (and send you a totally boss sticker).</p>
- </div>
- </div>
+ <p><strong>Nasqueron infrastructure servers</strong> support our budding community of creative people, writers, developers and thinkers.</p>
+ <p>This web site documents our infrastructure.</p>
</div>
</div>
-</div>
+</section>
<div class="row">
- <div class="large-8 medium-8 columns">
- <h5>Here&rsquo;s your basic grid:</h5>
- <!-- Grid Example -->
-
- <div class="row">
- <div class="large-12 columns">
- <div class="primary callout">
- <p><strong>This is a twelve column section in a row.</strong> Each of these includes a div.callout element so you can see where the columns are - it's not required at all for the grid.</p>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="large-6 medium-6 columns">
- <div class="primary callout">
- <p>Six columns</p>
- </div>
- </div>
- <div class="large-6 medium-6 columns">
- <div class="primary callout">
- <p>Six columns</p>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="large-4 medium-4 small-4 columns">
- <div class="primary callout">
- <p>Four columns</p>
- </div>
- </div>
- <div class="large-4 medium-4 small-4 columns">
- <div class="primary callout">
- <p>Four columns</p>
- </div>
- </div>
- <div class="large-4 medium-4 small-4 columns">
- <div class="primary callout">
- <p>Four columns</p>
- </div>
- </div>
- </div>
-
- <hr />
-
- <h5>We bet you&rsquo;ll need a form somewhere:</h5>
- <form>
- <div class="row">
- <div class="large-12 columns">
- <label>Input Label</label>
- <input type="text" placeholder="large-12.columns" />
- </div>
- </div>
- <div class="row">
- <div class="large-4 medium-4 columns">
- <label>Input Label</label>
- <input type="text" placeholder="large-4.columns" />
- </div>
- <div class="large-4 medium-4 columns">
- <label>Input Label</label>
- <input type="text" placeholder="large-4.columns" />
- </div>
- <div class="large-4 medium-4 columns">
- <div class="row collapse">
- <label>Input Label</label>
- <div class="input-group">
- <input class="input-group-field" type="text" placeholder="input-group" />
- <span class="input-group-label">.com</span>
- </div>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="large-12 columns">
- <label>Select Box</label>
- <select>
- <option value="husker">Husker</option>
- <option value="starbuck">Starbuck</option>
- <option value="hotdog">Hot Dog</option>
- <option value="apollo">Apollo</option>
- </select>
- </div>
- </div>
+ <div class="large-12 columns">
+ <h2>Infrastructure & Platform</h2>
+ <div class="callout">
<div class="row">
- <div class="large-6 medium-6 columns">
- <label>Choose Your Favorite</label>
- <input type="radio" name="pokemon" value="Red" id="pokemonRed"><label for="pokemonRed">Radio 1</label>
- <input type="radio" name="pokemon" value="Blue" id="pokemonBlue"><label for="pokemonBlue">Radio 2</label>
+ <div class="large-5 medium-5 large-offset-1 medium-offset-1 columns">
+ <h3><a href="/servers-log">Servers Log</a></h3>
+ <p><a href="/servers-log"><img src="../assets/img/ServersLog.png" height="239" width="303" class="image-screenshot" /></a></p>
+ <p>Actions done by Nasqueron operations squad.</p>
</div>
- <div class="large-6 medium-6 columns">
- <label>Check these out</label>
- <input id="checkbox1" type="checkbox"><label for="checkbox1">Checkbox 1</label>
- <input id="checkbox2" type="checkbox"><label for="checkbox2">Checkbox 2</label>
+ <div class="large-5 medium-5 large-offset-1 medium-offset-1 columns">
+ <h3><a href="/docker-registry">Private Docker registry</a></h3>
+ <p><a href="/docker-registry"><img src="../assets/img/DockerRegistry.png" height="239" width="303" class="image-screenshot" /></a></p>
+ <p>Images available for our Docker PaaS engines,<br />in addition to those in Docker Hub.</p>
</div>
</div>
- <div class="row">
- <div class="large-12 columns">
- <label>Textarea Label</label>
- <textarea placeholder="small-12.columns"></textarea>
- </div>
- </div>
- </form>
- </div>
-
- <div class="large-4 medium-4 columns">
- <h5>Try one of these buttons:</h5>
- <p><a href="#" class="small button">Simple Button</a><br/>
- <a href="#" class="medium success button">Success Btn</a><br/>
- <a href="#" class="medium alert button">Alert Btn</a><br/>
- <a href="#" class="medium secondary button">Secondary Btn</a></p>
- <div class="callout">
- <h5>So many components, girl!</h5>
- <p>A whole kitchen sink of goodies comes with Foundation. Check out the docs to see them all, along with details on making them your own.</p>
- <a href="http://foundation.zurb.com/docs/" class="small button">Go to Foundation Docs</a>
</div>
</div>
</div>

File Metadata

Mime Type
text/x-diff
Expires
Mon, Feb 2, 15:18 (1 d, 7 h)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
3410447
Default Alt Text
(10 KB)

Event Timeline

Nasqueron DevCentral · If it had been much bigger the moon would have had a core of ice. · Powered by Phabricator