Page MenuHomeDevCentral
Files F6576872

D1030.diff
No OneTemporary
Actions

D1030.diff
View Options

diff --git a/src/assets/img/nasqueron-logo.png b/src/assets/img/nasqueron-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..0000000000000000000000000000000000000000
GIT binary patch
literal 0
Hc$@<O00001
literal 0
Hc$@<O00001
diff --git a/src/assets/js/app.js b/src/assets/js/app.js
--- a/src/assets/js/app.js
+++ b/src/assets/js/app.js
@@ -1,12 +1,199 @@
+/* -------------------------------------------------------------
+ Nasqueron documentations web site
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+ Project: Nasqueron
+ Author: Sébastien Santoro aka Dereckson
+ Dependencies: jquery motion-ui
+ Filename: app.js
+ Licence: CC-BY 4.0, MIT, BSD-2-Clause (multi-licensing)
+ ------------------------------------------------------------- */
+
+/* -------------------------------------------------------------
+ Table of contents
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+
+ :: Animations
+ :: Easter egg
+ :: Code to run when document is ready
+ */
+
import $ from 'jquery';
import whatInput from 'what-input';
window.$ = $;
import Foundation from 'foundation-sites';
-// If you want to pick and choose which modules to include, comment out the above and uncomment
-// the line below
-//import './lib/foundation-explicit-pieces';
+/* -------------------------------------------------------------
+ Animations
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
+
+var animations = {
+ /**
+ * Animates the elements to make a dramatic entrance.
+ */
+ enter: function() {
+ Foundation.Motion.animateIn($("#content"), 'slide-in-up slow');
+ Foundation.Motion.animateIn($("#hero"), 'slide-in-down slow');
+ },
+
+ reverseFlexDirection: function(selector) {
+ var elem = $(selector);
+ var currentDirection = elem.css("flex-direction");
+ if (currentDirection == "row-reverse") {
+ elem.css("flex-direction", "row");
+ } else {
+ elem.css("flex-direction", "row-reverse");
+ }
+ }
+}
+
+/* -------------------------------------------------------------
+ Easter egg
+
+ Based on https://github.com/snaptortoise/konami-js
+ Author: George Mandis
+ License: MIT
+ Version: 1.4.5 (3/2/2016)
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
+
+var EasterEgg = function (callback) {
+ var easterEgg = {
+
+ addEvent: function (obj, type, fn, ref_obj) {
+ if (obj.addEventListener)
+ obj.addEventListener(type, fn, false);
+ else if (obj.attachEvent) {
+ // IE
+ obj['e' + type + fn] = fn;
+ obj[type + fn] = function () {
+ obj['e' + type + fn](window.event, ref_obj);
+ };
+ obj.attachEvent('on' + type, obj[type + fn]);
+ }
+ },
+
+ input: '',
+
+ pattern: '38384040373937396665',
+
+ load: function (link) {
+ this.addEvent(document, 'keydown', function (e, ref_obj) {
+ if (ref_obj) {
+ easterEgg = ref_obj; // IE
+ }
+ easterEgg.input += e ? e.keyCode : event.keyCode;
+ if (easterEgg.input.length > easterEgg.pattern.length) {
+ easterEgg.input = easterEgg.input.substr(
+ easterEgg.input.length - easterEgg.pattern.length
+ );
+ }
+ if (easterEgg.input == easterEgg.pattern) {
+ easterEgg.code(link);
+ easterEgg.input = '';
+ e.preventDefault();
+ return false;
+ }
+ }, this);
+ this.touchscreen.load(link);
+ },
+
+ code: function (link) {
+ window.location = link
+ },
+
+ touchscreen: {
+
+ start_x: 0,
+ start_y: 0,
+ stop_x: 0,
+ stop_y: 0,
+ tap: false,
+ capture: false,
+ orig_keys: '',
+ keys: [
+ 'UP', 'UP',
+ 'DOWN', 'DOWN',
+ 'LEFT', 'RIGHT',
+ 'LEFT', 'RIGHT',
+ 'TAP', 'TAP'
+ ],
+
+ code: function (link) {
+ easterEgg.code(link);
+ },
+
+ load: function (link) {
+ this.orig_keys = this.keys;
+
+ easterEgg.addEvent(document, 'touchmove', function (e) {
+ if (e.touches.length == 1 && easterEgg.touchscreen.capture == true) {
+ var touch = e.touches[0];
+ easterEgg.touchscreen.stop_x = touch.pageX;
+ easterEgg.touchscreen.stop_y = touch.pageY;
+ easterEgg.touchscreen.tap = false;
+ easterEgg.touchscreen.capture = false;
+ easterEgg.touchscreen.check_direction();
+ }
+ });
+
+ easterEgg.addEvent(document, 'touchend', function (evt) {
+ if (easterEgg.touchscreen.tap == true) {
+ easterEgg.touchscreen.check_direction(link);
+ }
+ }, false);
+
+ easterEgg.addEvent(document, 'touchstart', function (evt) {
+ easterEgg.touchscreen.start_x = evt.changedTouches[0].pageX;
+ easterEgg.touchscreen.start_y = evt.changedTouches[0].pageY;
+ easterEgg.touchscreen.tap = true;
+ easterEgg.touchscreen.capture = true;
+ });
+ },
+
+ check_direction: function (link) {
+ var x_magnitude = Math.abs(this.start_x - this.stop_x);
+ var y_magnitude = Math.abs(this.start_y - this.stop_y);
+ var x = ((this.start_x - this.stop_x) < 0) ? 'RIGHT' : 'LEFT';
+ var y = ((this.start_y - this.stop_y) < 0) ? 'DOWN' : 'UP';
+ var result = (x_magnitude > y_magnitude) ? x : y;
+ result = (this.tap == true) ? 'TAP' : result;
+
+ if (result == this.keys[0]) {
+ this.keys = this.keys.slice(1, this.keys.length);
+ }
+
+ if (this.keys.length == 0) {
+ this.keys = this.orig_keys;
+ this.code(link);
+ }
+ }
+
+ }
+
+ };
+
+ typeof callback === 'string' && easterEgg.load(callback);
+
+ if (typeof callback === 'function') {
+ easterEgg.code = callback;
+ easterEgg.load();
+ }
+
+ return easterEgg;
+};
+
+/* -------------------------------------------------------------
+ Code to run when document is ready
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
+
+$(document).ready(function() {
+ $(document).foundation();
+
+ animations.enter();
+
+ new EasterEgg(function() {
+ animations.reverseFlexDirection(".app");
+ });
+});
-$(document).foundation();
diff --git a/src/assets/scss/_settings.scss b/src/assets/scss/_settings.scss
--- a/src/assets/scss/_settings.scss
+++ b/src/assets/scss/_settings.scss
@@ -69,7 +69,7 @@
$global-width: rem-calc(1200);
$global-lineheight: 1.5;
$foundation-palette: (
- primary: #1779ba,
+ primary: #e8b483,
secondary: #767676,
success: #3adb76,
warning: #ffae00,
@@ -80,8 +80,8 @@
$dark-gray: #8a8a8a;
$black: #0a0a0a;
$white: #fefefe;
-$body-background: $white;
-$body-font-color: $black;
+$body-background: $black;
+$body-font-color: $white;
$body-font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
$body-antialiased: true;
$global-margin: 1rem;
@@ -134,7 +134,7 @@
$header-font-weight: $global-weight-normal;
$header-font-style: normal;
$font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace;
-$header-color: inherit;
+$header-color: $white;
$header-lineheight: 1.4;
$header-margin-bottom: 0.5rem;
$header-styles: (
diff --git a/src/assets/scss/app.scss b/src/assets/scss/app.scss
--- a/src/assets/scss/app.scss
+++ b/src/assets/scss/app.scss
@@ -1,5 +1,15 @@
@charset 'utf-8';
+/* -------------------------------------------------------------
+ Nasqueron documentations web site
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+ Project: Nasqueron
+ Author: Sébastien Santoro aka Dereckson
+ Dependencies: Foundation
+ Filename: app.css
+ Licence: CC-BY 4.0, MIT, BSD-2-Clause (multi-licensing)
+ ------------------------------------------------------------- */
+
@import 'settings';
@import 'foundation';
@import 'motion-ui';
@@ -7,47 +17,48 @@
@include foundation-global-styles;
// @include foundation-grid;
// @include foundation-flex-grid;
-//
-@include foundation-xy-grid-classes;
+// @include foundation-xy-grid-classes;
@include foundation-typography;
-@include foundation-button;
-@include foundation-forms;
+// @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-card;
-@include foundation-close-button;
-@include foundation-menu;
-@include foundation-menu-icon;
-@include foundation-drilldown-menu;
-@include foundation-dropdown;
-@include foundation-dropdown-menu;
-@include foundation-responsive-embed;
-@include foundation-label;
-@include foundation-media-object;
-@include foundation-off-canvas;
-@include foundation-orbit;
-@include foundation-pagination;
-@include foundation-progress-bar;
-@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-accordion;
+// @include foundation-accordion-menu;
+// @include foundation-badge;
+// @include foundation-breadcrumbs;
+// @include foundation-button-group;
+// @include foundation-callout;
+// @include foundation-card;
+// @include foundation-close-button;
+// @include foundation-menu;
+// @include foundation-menu-icon;
+// @include foundation-drilldown-menu;
+// @include foundation-dropdown;
+// @include foundation-dropdown-menu;
+// @include foundation-responsive-embed;
+// @include foundation-label;
+// @include foundation-media-object;
+// @include foundation-off-canvas;
+// @include foundation-orbit;
+// @include foundation-pagination;
+// @include foundation-progress-bar;
+// @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 foundation-flex-classes;
// @include foundation-prototype-classes;
@include motion-ui-transitions;
@include motion-ui-animations;
+
+@import 'components/layout';
diff --git a/src/assets/scss/components/_layout.scss b/src/assets/scss/components/_layout.scss
new file mode 100644
--- /dev/null
+++ b/src/assets/scss/components/_layout.scss
@@ -0,0 +1,83 @@
+@charset "utf-8";
+
+/* -------------------------------------------------------------
+ Nasqueron documentations web site
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+ Project: Nasqueron
+ Author: Sébastien Santoro aka Dereckson
+ Dependencies: Foundation
+ Filename: app.css
+ Licence: CC-BY 4.0, MIT, BSD-2-Clause (multi-licensing)
+ ------------------------------------------------------------- */
+
+/* -------------------------------------------------------------
+ Table of contents
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+
+ :: Split design
+ :: Hero
+ :: Content
+
+*/
+
+/* -------------------------------------------------------------
+ Split design
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
+
+body {
+ background-image: url(/assets/img/old-books.jpg);
+ background-size: cover;
+}
+
+.app {
+ height: 100vh;
+ width: 100vw;
+
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ flex-direction: row;
+
+ > div {
+ width: 50vw;
+ }
+}
+
+/* -------------------------------------------------------------
+ Hero
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
+
+#hero {
+ padding: 5em;
+
+ text-align: center;
+
+ h1 {
+ margin-bottom: 10vh;
+ }
+
+ .subheader {
+ color: hsla(12, 51%, 69%, 1);
+ text-shadow: 3px 3px 10px #0a0200;
+ }
+}
+
+/* -------------------------------------------------------------
+ Content
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
+
+#content {
+ background-color: rgba(148, 67, 46, 1);
+ height: 100vh;
+
+ padding: 20vh 5vw;
+
+ section {
+ margin-bottom: 10vh;
+ }
+
+ li {
+ margin-bottom: 1em;
+ }
+}
diff --git a/src/data/.gitkeep b/src/data/.gitkeep
deleted file mode 100644
--- a/src/data/.gitkeep
+++ /dev/null
@@ -1 +0,0 @@
-# You can delete this file. It's just here to make Git happy.
diff --git a/src/data/docs.yml b/src/data/docs.yml
new file mode 100644
--- /dev/null
+++ b/src/data/docs.yml
@@ -0,0 +1 @@
+- salt-wrapper
diff --git a/src/layouts/default.html b/src/layouts/default.html
--- a/src/layouts/default.html
+++ b/src/layouts/default.html
@@ -6,7 +6,7 @@
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Foundation for Sites</title>
+ <title>Nasqueron Documentation</title>
<link rel="stylesheet" href="{{root}}assets/css/app.css">
</head>
<body>
@@ -16,4 +16,4 @@
<script src="{{root}}assets/js/app.js"></script>
</body>
-</html>
\ No newline at end of file
+</html>
diff --git a/src/pages/index.html b/src/pages/index.html
--- a/src/pages/index.html
+++ b/src/pages/index.html
@@ -1,153 +1,44 @@
-<div class="grid-container">
- <div class="grid-x grid-margin-x">
- <div class="large-12 cell">
- <h1>Welcome to Foundation for Sites</h1>
- </div>
- </div>
+<div class="app">
- <div class="grid-x grid-margin-x">
- <div class="large-12 cell">
- <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="grid-x grid-margin-x">
- <div class="large-4 medium-4 cell">
- <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 cell">
- <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 cell">
- <p><a href="http://foundation.zurb.com/forum">Foundation Forum</a><br />Join the Foundation community to ask a question or show off your knowledge.</p>
- </div>
- </div>
- <div class="grid-x grid-margin-x">
- <div class="large-4 medium-4 medium-push-2 cell">
- <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 cell">
- <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>
- </div>
- </div>
- </div>
-
- <div class="grid-x grid-margin-x">
- <div class="large-8 medium-8 cell">
- <h5>Here&rsquo;s your basic grid:</h5>
- <!-- Grid Example -->
+ <div id="content">
+ <section id="menu">
+ <h2>Available docs</h2>
+ <ul>
+ {{#each docs}}
+ <li><a href="/{{ this }}">{{ this }}</a></li>
+ {{/each}}
+ </ul>
+ </section>
- <div class="grid-x grid-margin-x">
- <div class="large-12 cell">
- <div class="primary callout">
- <p><strong>This is a twelve column section in a grid-x with grid-margin-x.</strong> Each of these includes a div.callout element so you can see where the cell are - it's not required at all for the grid.</p>
- </div>
- </div>
- </div>
- <div class="grid-x grid-margin-x">
- <div class="large-6 medium-6 cell">
- <div class="primary callout">
- <p>Six cell</p>
- </div>
- </div>
- <div class="large-6 medium-6 cell">
- <div class="primary callout">
- <p>Six cell</p>
- </div>
- </div>
- </div>
- <div class="grid-x grid-margin-x">
- <div class="large-4 medium-4 small-4 cell">
- <div class="primary callout">
- <p>Four cell</p>
- </div>
- </div>
- <div class="large-4 medium-4 small-4 cell">
- <div class="primary callout">
- <p>Four cell</p>
- </div>
- </div>
- <div class="large-4 medium-4 small-4 cell">
- <div class="primary callout">
- <p>Four cell</p>
- </div>
- </div>
- </div>
-
- <hr />
-
- <h5>We bet you&rsquo;ll need a form somewhere:</h5>
- <form>
- <div class="grid-x grid-margin-x">
- <div class="large-12 cell">
- <label>Input Label</label>
- <input type="text" placeholder="large-12.cell" />
- </div>
- </div>
- <div class="grid-x grid-margin-x">
- <div class="large-4 medium-4 cell">
- <label>Input Label</label>
- <input type="text" placeholder="large-4.cell" />
- </div>
- <div class="large-4 medium-4 cell">
- <label>Input Label</label>
- <input type="text" placeholder="large-4.cell" />
- </div>
- <div class="large-4 medium-4 cell">
- <div class="grid-x grid-margin-x 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="grid-x grid-margin-x">
- <div class="large-12 cell">
- <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="grid-x grid-margin-x">
- <div class="large-6 medium-6 cell">
- <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>
- <div class="large-6 medium-6 cell">
- <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>
- </div>
- <div class="grid-x grid-margin-x">
- <div class="large-12 cell">
- <label>Textarea Label</label>
- <textarea placeholder="small-12.cell"></textarea>
- </div>
- </div>
- </form>
- </div>
+ <section id="add-doc">
+ <h2>Not your doc here?</h2>
+ <ul>
+ <li>If you wish to see a documentation here, please get in touch:
+ <a href="https://devcentral.nasqueron.org/maniphest/task/edit/form/1/?projects=documentation">
+ open a task on DevCentral
+ </a> or <a href="https://agora.nasqueron.org/Get_support">
+ contact us
+ </a>.
+ </li>
+ <li>
+ If you contribute to a Nasqueron software, you can open a task on
+ DevCentral to publish your doc here. Basically, the first step is to
+ provide Salt deployment instructions like in
+ <a href="https://devcentral.nasqueron.org/D1027">this docs state</a>.
+ If the doc is in a static HTML state, you can add a submodule to the
+ <a href="https://devcentral.nasqueron.org/source/staging/">
+ staging repository
+ </a>. Finally, you want a Jenkins task to update the doc when a new
+ commit is landed.
+ </li>
+ </ul>
+ </section>
+ </div>
- <div class="large-4 medium-4 cell">
- <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 id="hero">
+ <img src="assets/img/nasqueron-logo.png" alt="Nasqueron logo">
+ <h1>Nasqueron documentation</h1>
+ <h2 class="subheader">Learn how to use our software.</h2>
</div>
+
</div>

File Metadata

Mime Type
text/plain
Expires
Fri, Apr 4, 16:37 (5 h, 57 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2539979
Default Alt Text
D1030.diff (21 KB)

Event Timeline

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