Page MenuHomeDevCentral
Files F3692307

D3119.diff
No OneTemporary
Actions

D3119.diff
View Options

diff --git a/README.md b/README.md
--- a/README.md
+++ b/README.md
@@ -13,8 +13,8 @@
decision about applying for an internship or mentorship program with Nasqueron.
The subdomain join.nasqueron.org implies that's an entry point for beings
-interested to join Nasqueron, so it can be evolved to serve as a portal
-for open source contributions and free culture project too.
+interested to join Nasqueron, so we also present mentoring possibilities
+and a welcome page for open source contributions.
This is a static site built with Gulp, based on the ZURB Foundation template,
updated and maintained as part of our Upsection effort.
@@ -44,3 +44,11 @@
To create compressed, production-ready assets, run `yarn run build`.
For Nasqueron, this is done by a Jenkins CD task.
+
+## Licenses
+
+The site content is released under CC-BY license.
+
+The code is licensed under BSD-2-Clause license.
+
+Images are licensed as documented in the [colophon](src/pages/colophon.html).
diff --git a/src/assets/img/.gitkeep b/src/assets/img/.gitkeep
deleted file mode 100644
diff --git a/src/assets/img/cozy-knowledge.jpg b/src/assets/img/cozy-knowledge.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..0000000000000000000000000000000000000000
GIT binary patch
literal 0
Hc$@<O00001
literal 0
Hc$@<O00001
diff --git a/src/assets/img/design.jpg b/src/assets/img/design.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..0000000000000000000000000000000000000000
GIT binary patch
literal 0
Hc$@<O00001
literal 0
Hc$@<O00001
diff --git a/src/assets/img/dev.jpg b/src/assets/img/dev.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..0000000000000000000000000000000000000000
GIT binary patch
literal 0
Hc$@<O00001
literal 0
Hc$@<O00001
diff --git a/src/assets/img/foster-innovation.jpg b/src/assets/img/foster-innovation.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..0000000000000000000000000000000000000000
GIT binary patch
literal 0
Hc$@<O00001
literal 0
Hc$@<O00001
diff --git a/src/assets/img/montanhas-panorama-floresta.png b/src/assets/img/montanhas-panorama-floresta.png
new file mode 100644
index 0000000000000000000000000000000000000000..0000000000000000000000000000000000000000
GIT binary patch
literal 0
Hc$@<O00001
literal 0
Hc$@<O00001
diff --git a/src/assets/img/security.jpg b/src/assets/img/security.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..0000000000000000000000000000000000000000
GIT binary patch
literal 0
Hc$@<O00001
literal 0
Hc$@<O00001
diff --git a/src/assets/img/servers.jpg b/src/assets/img/servers.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..0000000000000000000000000000000000000000
GIT binary patch
literal 0
Hc$@<O00001
literal 0
Hc$@<O00001
diff --git a/src/assets/img/work.jpg b/src/assets/img/work.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..0000000000000000000000000000000000000000
GIT binary patch
literal 0
Hc$@<O00001
literal 0
Hc$@<O00001
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: #374c7b,
secondary: #767676,
success: #3adb76,
warning: #ffae00,
@@ -82,7 +82,7 @@
$white: #fefefe;
$body-background: $white;
$body-font-color: $black;
-$body-font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
+$body-font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
$body-safe-padding: false;
$body-antialiased: true;
$global-margin: 1rem;
@@ -90,7 +90,7 @@
$global-position: 1rem;
$global-weight-normal: normal;
$global-weight-bold: bold;
-$global-radius: 0;
+$global-radius: 25% 10%;
$global-menu-padding: 0.7rem 1rem;
$global-menu-nested-margin: 1rem;
$global-text-direction: ltr;
@@ -139,7 +139,7 @@
// 4. Base Typography
// ------------------
-$header-font-family: $body-font-family;
+$header-font-family: "Poiret One", $body-font-family;
$header-font-weight: $global-weight-normal;
$header-font-style: normal;
$font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace;
@@ -302,7 +302,7 @@
$button-background-hover: scale-color($button-background, $lightness: -15%);
$button-color: $white;
$button-color-alt: $black;
-$button-radius: $global-radius;
+$button-radius: 0 0;
$button-border: 1px solid transparent;
$button-hollow-border-width: 1px;
$button-sizes: (
@@ -352,7 +352,7 @@
$card-divider-background: $light-gray;
$card-border: 1px solid $light-gray;
$card-shadow: none;
-$card-border-radius: $global-radius;
+$card-border-radius: 0 0 25px 0;
$card-padding: $global-padding;
$card-margin-bottom: $global-margin;
@@ -835,7 +835,7 @@
// 52. Thumbnail
// -------------
-$thumbnail-border: 4px solid $white;
+$thumbnail-border: 3px solid $white;
$thumbnail-margin-bottom: $global-margin;
$thumbnail-shadow: 0 0 0 1px rgba($black, 0.2);
$thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5);
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
@@ -2,7 +2,7 @@
@import 'settings';
@import 'foundation';
-@import 'motion-ui';
+//@import 'motion-ui';
// Global styles
@include foundation-global-styles;
@@ -16,43 +16,43 @@
// Generic components
@include foundation-button;
-@include foundation-button-group;
-@include foundation-close-button;
-@include foundation-label;
-@include foundation-progress-bar;
-@include foundation-slider;
-@include foundation-range-input;
-@include foundation-switch;
-@include foundation-table;
+//@include foundation-button-group;
+//@include foundation-close-button;
+//@include foundation-label;
+//@include foundation-progress-bar;
+//@include foundation-slider;
+//@include foundation-range-input;
+//@include foundation-switch;
+//@include foundation-table;
// Basic components
-@include foundation-badge;
-@include foundation-breadcrumbs;
+//@include foundation-badge;
+//@include foundation-breadcrumbs;
@include foundation-callout;
@include foundation-card;
-@include foundation-dropdown;
-@include foundation-pagination;
-@include foundation-tooltip;
+//@include foundation-dropdown;
+//@include foundation-pagination;
+//@include foundation-tooltip;
// Containers
-@include foundation-accordion;
-@include foundation-media-object;
-@include foundation-orbit;
-@include foundation-responsive-embed;
-@include foundation-tabs;
+//@include foundation-accordion;
+//@include foundation-media-object;
+//@include foundation-orbit;
+//@include foundation-responsive-embed;
+//@include foundation-tabs;
@include foundation-thumbnail;
// Menu-based containers
@include foundation-menu;
@include foundation-menu-icon;
-@include foundation-accordion-menu;
-@include foundation-drilldown-menu;
-@include foundation-dropdown-menu;
+//@include foundation-accordion-menu;
+//@include foundation-drilldown-menu;
+//@include foundation-dropdown-menu;
// Layout components
@include foundation-off-canvas;
-@include foundation-reveal;
-@include foundation-sticky;
-@include foundation-title-bar;
-@include foundation-top-bar;
+//@include foundation-reveal;
+//@include foundation-sticky;
+//@include foundation-title-bar;
+//@include foundation-top-bar;
// Helpers
@include foundation-float-classes;
@@ -61,5 +61,11 @@
// @include foundation-prototype-classes;
// Motion UI
-@include motion-ui-transitions;
-@include motion-ui-animations;
+//@include motion-ui-transitions;
+//@include motion-ui-animations;
+
+// Components
+@import 'components/typography';
+@import 'components/layout';
+@import 'components/footer';
+@import 'components/hero';
diff --git a/src/assets/scss/components/.gitkeep b/src/assets/scss/components/.gitkeep
deleted file mode 100644
diff --git a/src/assets/scss/components/_footer.scss b/src/assets/scss/components/_footer.scss
new file mode 100644
--- /dev/null
+++ b/src/assets/scss/components/_footer.scss
@@ -0,0 +1,59 @@
+/* -------------------------------------------------------------
+ Footer
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
+
+footer {
+ margin-bottom: 0;
+ margin-top: 10vh;
+ padding-top: 2em;
+
+ background-color: $primary-color;
+ color: white;
+
+ hr {
+ width: 75%;
+ height: 1px;
+ margin: 0em auto 1em auto;
+
+ border-color: darken($primary-color, 3%);
+ }
+
+ a {
+ color: #e5eeff;
+ }
+
+ a:hover {
+ color: #bfd3ff;
+ }
+
+ a:active {
+ color: $white !important;
+ }
+
+ .site-description {
+ text-align: center;
+
+ p {
+ font-size: 14px;
+ }
+ }
+
+ dl {
+ font-variant: small-caps;
+ }
+
+ dt {
+ color: white;
+ font-weight: 600;
+ }
+
+ dd {
+ padding-left: 1em;
+ }
+
+ .extrainfos {
+ strong {
+ font-variant: small-caps;
+ }
+ }
+}
diff --git a/src/assets/scss/components/_hero.scss b/src/assets/scss/components/_hero.scss
new file mode 100644
--- /dev/null
+++ b/src/assets/scss/components/_hero.scss
@@ -0,0 +1,103 @@
+$full-width-testimonial-quote-color: $warning-color;
+$full-width-testimonial-vertical-padding: 2rem;
+
+.full-width-testimonial {
+ background: linear-gradient(
+ rgba(0, 0, 0, 0.45),
+ rgba(0, 0, 0, 0.1)
+ ),
+ url("/assets/img/montanhas-panorama-floresta.png");
+ background-position: center center;
+
+ margin-bottom: 4em;
+}
+
+.full-width-testimonial-icon {
+ .quote-path {
+ fill:none;
+ stroke: $full-width-testimonial-quote-color;
+ stroke-width:2.5192;
+ stroke-miterlimit:10;
+ }
+}
+
+.full-width-testimonial-content,
+.full-width-testimonial-icon {
+ text-align: center;
+}
+.full-width-testimonial-section {
+ padding-top: $full-width-testimonial-vertical-padding;
+
+ .full-width-testimonial-text {
+ font-weight: 300;
+ color: #ffffff;
+ padding-left: 30px;
+ padding-right: 30px;
+ // Adjust margin-top for line spacing
+ margin-top: -5px;
+
+ @include breakpoint(small) {
+ padding-left: 50px;
+ padding-right: 50px;
+ font-size: 1.5em;
+ }
+
+ @include breakpoint(medium) {
+ padding-left: 100px;
+ padding-right: 100px;
+ }
+
+ @include breakpoint(large) {
+ padding-left: 180px;
+ padding-right: 180px;
+ font-size: 1.8em;
+ }
+
+ @include breakpoint(xlarge) {
+ padding-left: 300px;
+ padding-right: 300px;
+ }
+ }
+
+ .full-width-testimonial-source {
+ font-size: 1.2em;
+ font-weight: 600;
+ color: #ffffff;
+ text-transform: uppercase;
+ letter-spacing: 1.5px;
+ padding-bottom: 0;
+ margin-bottom: 0.2em;
+
+ @include breakpoint(small) {
+ font-size: 1.0em;
+ }
+ }
+
+ .full-width-testimonial-source-context {
+ display: block;
+ font-size: 0.9em;
+ font-weight: 500;
+ color: #ffffff;
+ text-transform: uppercase;
+ letter-spacing: 1.5px;
+
+ @include breakpoint(small) {
+ font-size: 0.8em;
+ }
+ }
+
+ .slick-slider {
+ margin-bottom: 0px;
+ }
+}
+
+.full-width-testimonial-text,
+.full-width-testimonial-content,
+.full-width-testimonial-source,
+.full-width-testimonial-icon {
+ padding-bottom: $full-width-testimonial-vertical-padding;
+}
+
+.full-width-testimonial-content {
+ width: 100%;
+}
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,32 @@
+header {
+ padding-top: 1em;
+ margin-bottom: 2em;
+
+ ul {
+ li {
+ display: inline-block;
+ list-style: none;
+ }
+ }
+}
+
+section {
+ margin-top: 1em;
+ margin-bottom: 5em;
+}
+
+h1 {
+ margin-bottom: 1.5em;
+}
+
+h2 {
+ margin-bottom: 0.75em;
+}
+
+.cell-card {
+ width: 256px;
+}
+
+dt {
+ margin-top: 1em;
+}
diff --git a/src/assets/scss/components/_typography.scss b/src/assets/scss/components/_typography.scss
new file mode 100644
--- /dev/null
+++ b/src/assets/scss/components/_typography.scss
@@ -0,0 +1,13 @@
+/* -------------------------------------------------------------
+ Colors
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
+
+h1, h2, h3 {
+ color: $primary-color;
+}
+
+section {
+ strong {
+ color: $primary-color;
+ }
+}
diff --git a/src/data/.gitkeep b/src/data/.gitkeep
deleted file mode 100644
diff --git a/src/data/contact.yml b/src/data/contact.yml
new file mode 100644
--- /dev/null
+++ b/src/data/contact.yml
@@ -0,0 +1,4 @@
+whatsapp: https://chat.whatsapp.com/Ly2Fo7CCWn0CJRMPNWE5FL
+forms:
+ apply: https://forms.nasqueron.org/nasqueron-join/contact/new
+ devserver: https://devcentral.nasqueron.org/maniphest/task/edit/form/3/
diff --git a/src/layouts/default.html b/src/layouts/default.html
--- a/src/layouts/default.html
+++ b/src/layouts/default.html
@@ -5,11 +5,22 @@
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Join Nasqueron</title>
+ <link rel="preconnect" href="https://assets.nasqueron.org" crossorigin="anonymous">
+ <link rel="stylesheet" href="https://assets.nasqueron.org/webfonts/css/SourceSansPro.css"><!-- Dynamic, no SRI. -->
+ <link rel="stylesheet" href="https://assets.nasqueron.org/webfonts/css/PoiretOne.css"
+ integrity="sha384-tfzufnt4xC3O5VBI9tDpPNndKC29v7F8O7MsR5EXSi1IPH8wurnYNCH4U4sJ/t11"
+ crossorigin="anonymous">
<link rel="stylesheet" href="{{root}}assets/css/app.css">
+ <link rel="stylesheet" href="https://assets.nasqueron.org/lib/fontawesome/6.4.0/css/fontawesome.min.css"
+ integrity="sha384-bGIKHDMAvn+yR8S/yTRi+6S++WqBdA+TaJ1nOZf079H6r492oh7V6uAqq739oSZC" crossorigin="anonymous">
+ <link rel="stylesheet" href="https://assets.nasqueron.org/lib/fontawesome/6.4.0/css/brands.min.css"
+ integrity="sha384-2ExAXhxetFPlyL5ZypKQbz0ZrD6S0xW1jF2n+bGda67tIfsjcfHQy3FkuA1IjuxK" crossorigin="anonymous">
</head>
<body>
+{{> header}}
{{> body}}
+{{> footer}}
<script src="{{root}}assets/js/app.js"></script>
</body>
diff --git a/src/pages/colophon.html b/src/pages/colophon.html
new file mode 100644
--- /dev/null
+++ b/src/pages/colophon.html
@@ -0,0 +1,25 @@
+<div class="grid-container">
+ <div class="grid-x grid-padding-x">
+ <div class="large-12 cell">
+ <h1>Colophon</h1>
+
+ <h2>Tools used</h2>
+ <p>This site content is a language model exercise: this site is born
+ when ChatGPT answered to a prompt asking for a “brief“ section
+ "About Nasqueron" to offer internship. The “brief“ answers was
+ 9 paragraphs, 22 sentences and 2 567 characters.</p>
+ <p>Small images have been generated by Stable Diffusion,
+ with prompts suggested by ChatGPT.</p>
+ <p>The CSS uses Foundation framework. This is a static site built with
+ a Gulp / SASS / <a href="https://get.foundation/sites/docs/panini.html">Panini</a> toolchain.</p>
+ <p>Forms are handled by Orbeon Forms, using the XForms standard.</p>
+
+ <h2>Image credits</h2>
+ <p>Mountain hero image by <a href="https://www.instagram.com/moinzon/">Michi</a>. Licensed under CC-O.</p>
+ <p>Other images have been created with Stable Diffusion. They're probably non-eligible to copyright,
+ but the language model author claims a dubiously enforceable "don't be evil" clause per the
+ <a href="https://github.com/CompVis/stable-diffusion/blob/main/LICENSE">CreativeML Open RAIL-M license</a>.
+ </p>
+ </div>
+ </div>
+</div>
diff --git a/src/pages/contact-failure.html b/src/pages/contact-failure.html
new file mode 100644
--- /dev/null
+++ b/src/pages/contact-failure.html
@@ -0,0 +1,21 @@
+<div class="grid-container">
+ <div class="grid-x grid-padding-x">
+ <div class="large-12 cell">
+ <h1>Ooooops</h1>
+
+ <p>We apologize for the inconvenience, but it seems that an error
+ occurred while submitting your application form. We understand
+ the effort you put into completing the application, and
+ we appreciate your interest in Nasqueron.</p>
+
+ <p>If the issue persists or if you believe it to be a technical error,
+ please contact us (see the footer). We will be glad to assist you
+ and ensure that your application is properly submitted.</p>
+
+ <p>We apologize for any frustration or inconvenience caused by this error.
+ We appreciate your understanding, and we look forward to receiving
+ your application. Thank you for your interest in joining
+ our open-source software community at Nasqueron.</p>
+ </div>
+ </div>
+</div>
diff --git a/src/pages/contact-success.html b/src/pages/contact-success.html
new file mode 100644
--- /dev/null
+++ b/src/pages/contact-success.html
@@ -0,0 +1,17 @@
+<div class="grid-container">
+ <div class="grid-x grid-padding-x">
+ <div class="large-12 cell">
+ <h1>Thanks for applying with Nasqueron!</h1>
+
+ <p>We appreciate your interest in joining our open-source software community.</p>
+ <p>Your application has been received, and we are excited to review it.</p>
+
+ <h2>Next steps</h2>
+ <p>We'll get in touch soon to further discuss your skills, interests, goals and what we can do together.</p>
+ <p>If you have any questions or require further information, please don't hesitate to reach out to us on IRC or DevCentral.</p>
+ <p>Do you want to start right now to see what you can do? You'll find in the footer a section <em>How to contribute</em>.</p>
+ <p>We value your contribution and look forward to welcoming you to our community.
+ A community where together, we can shape the future of software development while creating a friendly and welcoming space for all.</p>
+ </div>
+ </div>
+</div>
diff --git a/src/pages/contributors.html b/src/pages/contributors.html
new file mode 100644
--- /dev/null
+++ b/src/pages/contributors.html
@@ -0,0 +1,52 @@
+<div class="grid-container">
+ <div class="grid-x grid-padding-x">
+ <div class="large-12 cell text-center">
+ <h1>Open-source contributions</h1>
+ </div>
+
+ <div class="large-12 cell" style="margin-bottom: 2.5em">
+ <p>The purpose of this site is to showcase the various opportunities available at Nasqueron.</p>
+ <p>While we provide internships and a formal mentoring program to achieve our outreach
+ and community growth objectives, we're primarily a free culture and open-source project.
+ As such, we welcome contributions, and you're free to participate freely, without joining
+ a specific program.</p>
+ </div>
+ <div class="large-8 medium-7 cell">
+ <h2>What's Nasqueron?</h2>
+ <p>🏴 Nasqueron is a budding community of creative people, writers, developers and thinkers.</p>
+ <p> 🌱👨🏽‍🤝‍👨🏼🧑🏾‍🤝‍🧑🏻🙋🏾‍♂️👩🏾 You'll find here like-minded people to connect to, hang out, and build projects.</p>
+ <p>📃 We focus on free culture, ethics and to be a positive change.
+ Our software is open source our datasources and content are
+ licensed under CC-BY-SA or CC-BY license. We share values
+ like respect, justice and equity.
+ </p>
+ <p>❤️ We like experiments, originality and to discover new things.</p>
+ <p>👽 We are Nasqueron.</p>
+
+ <h2>Development servers </h2>
+ <p>We maintain development servers where every tool to build and contribute is installed.</p>
+ <p>You can have access to it to contribute to Nasqueron and other open-source or free culture projects,
+ host personal pages, have a FreeBSD shell. We also have a separate shell service for your IRC connection,
+ and a Docker server to build images or test new services.</p>
+ <p class="text-center"><a href="{{ contact.forms.devserver }}" class="button large">Request new server account</a></p>
+ </div>
+ <div class="large-4 medium-5 cell">
+ <h2>Useful resources</h2>
+ <p>As a new contributor, you can find the following resources useful:</p>
+ <dl>
+ <dt>DevCentral :: bug tracker and projects tasks</dt>
+ <dd><a href="https://devcentral.nasqueron.org/">DevCentral</a></dd>
+ <dd><a href="https://devcentral.nasqueron.org/home/menu/view/174/">Overview of our projects</a></dd>
+ <dd><a href="https://devcentral.nasqueron.org/tag/good-first-issue/">Good first issues</a></dd>
+ <dd><a href="https://devcentral.nasqueron.org/w/new-repo/">Create a new repository</a></dd>
+
+ <dt>Agora :: our wiki and collaboration space</dt>
+ <dd><a href="https://agora.nasqueron.org/">Homepage</a></dd>
+ <dd><a href="https://agora.nasqueron.org/How_to_contribute_code">How to contribute code</a></dd>
+ <dd><a href="https://agora.nasqueron.org/Code_conventions">Code conventions</a></dd>
+ <dd><a href="https://agora.nasqueron.org/Operations_grimoire">Operations grimoire</a></dd>
+ <dd><a href="https://agora.nasqueron.org/Devserver_reference">Devserver reference</a></dd>
+ </dl>
+ </div>
+ </div>
+</div>
diff --git a/src/pages/index.html b/src/pages/index.html
--- a/src/pages/index.html
+++ b/src/pages/index.html
@@ -1,150 +1,12 @@
- <div class="grid-container">
- <div class="grid-x grid-padding-x">
- <div class="large-12 cell">
- <h1>Welcome to Nasqueron</h1>
- </div>
- </div>
-
- <div class="grid-x grid-padding-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-padding-x">
- <div class="large-4 medium-4 medium-push-2 cell">
- <p><a href="https://get.foundation/sites/docs/">Foundation Documentation</a><br />Everything you need to know about using the framework.</p>
- </div>
- <div class="large-4 medium-4 medium-push-2 cell">
- <p><a href="https://github.com/foundation/foundation-emails/discussions">Foundation Forum</a><br />Join the Foundation community to ask a question or show off your knowlege.</p>
- </div>
- </div>
- <div class="grid-x grid-padding-x">
- <div class="large-4 medium-4 medium-push-2 cell">
- <p><a href="http://github.com/foundation/foundation-sites">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/FoundationCSS">@FoundationCSS</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>
+{{> hero}}
- <div class="grid-x grid-padding-x">
- <div class="large-8 medium-8 cell">
- <h5>Here&rsquo;s your basic grid:</h5>
- <!-- Grid Example -->
-
- <div class="grid-x grid-padding-x">
- <div class="large-12 cell">
- <div class="primary callout">
- <p><strong>This is a twelve cell section in a grid-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-padding-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-padding-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-padding-x">
- <div class="large-12 cell">
- <label>Input Label</label>
- <input type="text" placeholder="large-12.cell" />
- </div>
- </div>
- <div class="grid-x grid-padding-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">
- <label>Input Label</label>
- <div class="input-group">
- <input type="text" placeholder="small-9.cell" class="input-group-field" />
- <span class="input-group-label">.com</span>
- </div>
- </div>
- </div>
- </div>
- <div class="grid-x grid-padding-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-padding-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-padding-x">
- <div class="large-12 cell">
- <label>Textarea Label</label>
- <textarea placeholder="small-12.cell"></textarea>
- </div>
- </div>
- </form>
+<div class="grid-container">
+ <div class="grid-x grid-padding-x">
+ <div class="large-12 cell text-center">
+ <h1>Welcome to Nasqueron</h1>
</div>
-
- <div class="large-4 medium-4 cell">
- <h5>Try one of these buttons:</h5>
- <p><a href="#" class="button">Simple Button</a><br/>
- <a href="#" class="success button">Success Btn</a><br/>
- <a href="#" class="alert button">Alert Btn</a><br/>
- <a href="#" class="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="https://get.foundation/sites/docs/" class="small button">Go to Foundation Docs</a>
- </div>
+ <div class="large-12 cell">
+ {{> about}}
</div>
- </div>
</div>
+</div>
diff --git a/src/pages/interns.html b/src/pages/interns.html
new file mode 100644
--- /dev/null
+++ b/src/pages/interns.html
@@ -0,0 +1,92 @@
+<div class="grid-container">
+ <div class="grid-x grid-padding-x">
+ <div class="large-12 cell text-center">
+ <h1>Internship</h1>
+ </div>
+
+ <div class="large-12 cell">
+ <h2>What can you do at Nasqueron?</h2>
+ <p>You can contribute to various roles, with opportunities to discover several aspects of how we work.</p>
+ <p>Interested? We invite you to <a href="{{ contact.forms.apply }}">get in touch</a> and provide us with the necessary information to apply for the internship opportunity.</p>
+ </div>
+
+ <div class="large-3 medium-6 cell text-center">
+ <div class="card cell-card">
+ <div class="card-divider">
+ <h4>Development</h4>
+ </div>
+ <img src="/assets/img/dev.jpg">
+ <div class="card-section">
+ <p>We mainly write software in Rust, Python, C, PHP and Node.JS</p>
+ <p>Focus is on automation, infrastructure, data analysis, communication and systems programming.</p>
+ </div>
+ </div>
+ </div>
+
+ <div class="large-3 medium-6 cell text-center">
+ <div class="card cell-card">
+ <div class="card-divider">
+ <h4>SRE & Operations</h4>
+ </div>
+ <img src="/assets/img/servers.jpg">
+ <div class="card-section">
+ <p>Gain hands-on experience with DevOps and SRE practices, automation tools, and infrastructure management.</p>
+ <p>Contribute to building and maintaining robust, scalable, and reliable systems. Our stack includes FreeBSD, Linux, Docker, Salt, PostgreSQL, MariaDB, ElasticSearch and in-house tools.</p>
+ </div>
+ </div>
+ </div>
+
+ <div class="large-3 medium-6 cell">
+ <div class="card cell-card">
+ <div class="card-divider">
+ <h4>Security</h4>
+ </div>
+ <img src="/assets/img/security.jpg">
+ <div class="card-section">
+ <p>Focus on security-related projects, including vulnerability assessments, penetration testing,
+ or enhancing the security posture of our software and infrastructure.
+ </p>
+ <p>We work with an open infrastructure and want to be transparent and open, that creates specific
+ challenges as "security" by obfuscation is clearly not an option on the table.</p>
+ </div>
+ </div>
+ </div>
+
+ <div class="large-3 medium-6 cell">
+ <div class="card cell-card">
+ <div class="card-divider">
+ <h4>Design & UX</h4>
+ </div>
+ <img src="/assets/img/design.jpg">
+ <div class="card-section">
+ <p>Dive into the world of design and UX, an open-source design and prototyping.</p>
+ <p>Contribute to creating intuitive and visually appealing user interfaces for our software projects.</p>
+ </div>
+ </div>
+ </div>
+
+ <div class="large-12 cell" style="margin-top: 2.5em;">
+ <h2>Be our next intern and join our community</h2>
+
+ <p>We are thrilled to offer you the opportunity to contribute to
+ Nasqueron in various roles and explore the diverse aspects
+ of our work.</p>
+ <p>We encourage you to get in touch with us and provide the
+ necessary information to apply for the internship opportunity
+ that aligns with your interests. We look forward to working with you,
+ sharing knowledge, and creating impactful contributions together.
+ </p>
+ </div>
+
+ <div class="large-12 cell text-center" style="padding: 2.5em 0">
+ <p><a href="{{ contact.forms.apply }}" class="button large">Complete internship application</a></p>
+ </div>
+
+ </div>
+</div>
+
+<div class="grid-container">
+ <div class="grid-x grid-padding-x">
+
+ </div>
+</div>
diff --git a/src/pages/mentoring.html b/src/pages/mentoring.html
new file mode 100644
--- /dev/null
+++ b/src/pages/mentoring.html
@@ -0,0 +1,53 @@
+<div class="grid-container">
+ <div class="grid-x grid-padding-x">
+ <div class="large-12 cell text-center">
+ <h1>Mentoring</h1>
+ </div>
+
+ <div class="large-12 cell">
+ <h2>Our mentoring vision</h2>
+ <p>Through our mentoring initiative, we'd like to enable the following capabilities.</p>
+ <ul>
+ <li>Foster personal and professional growth</li>
+ <li>Knowledge sharing</li>
+ <li>Transmission of values</li>
+ <li>More meaningful open-source impact</li>
+ </ul>
+ <h2>Mentoring opportunities at Nasqueron</h2>
+ <p>As an open-source software community, we are dedicated to supporting and guiding individuals
+ who are eager to learn and advance in their software development, free culture or open-source
+ involvement journey.</p>
+ <p>Our mentoring program offers a unique opportunity for aspiring open source and free culture
+ contributors to connect with experienced mentors who are passionate about sharing their expertise.
+ Whether you are a student looking to gain practical experience or a professional seeking
+ to expand your skills, our mentors are here to guide and support you every step of the way.
+ </p>
+ <p>Through our mentoring program, you will have access to a wealth of knowledge and resources.
+ Our mentors have extensive experience in various domains, including automation, system administration,
+ web development, system development and more. They will provide valuable insights, offer advice,
+ and help you navigate through real-world projects, allowing you to gain hands-on experience
+ and sharpen your technical skills.
+ </p>
+ <p>We understand that each individual has unique goals and learning objectives. Our mentors will tailor
+ their guidance to suit your specific needs, providing personalized support and helping you develop
+ the necessary skills to excel in the world of software development. Whether you are interested
+ in a particular programming language, want to explore a specific project, or have questions about
+ software architecture, our mentors are here to assist you.
+ </p>
+ <h2>Tracks :: What would be the best mentoring fit?</h2>
+ <p>Currently, we can provide meaningful mentoring in operations (think DevOps/SRE or systems engineer),
+ and in software development. There is a strong focus on infrastructure, automation and security.</p>
+ <p>Nasqueron uses an heterogeneous environment with FreeBSD and Linux systems, so we're pretty UNIX-agnostic,
+ and can help you to avoid to be Linux-centric.</p>
+ <p>We code in Rust, and we also code in PHP, like modern PHP with static analysis and types. We know C too.
+ Our operations infrastructure uses a lot of Python, a little dash of Go, some older TCL scripts.
+ There are also a few projects in Node.JS.</p>
+ <p>So what that says about us? That's mean we're pretty open in the field of languages and choose them by strength and
+ use cases, instead of dogmatic choices. That means we touch a complex technical stack and can help in
+ various aspects of an infrastructure.</p>
+ </div>
+ <div class="large-12 cell text-center" style="padding: 2.5em 0">
+ <p><a href="{{ contact.forms.apply }}" class="button large">Get in touch to discuss mentoring</a></p>
+ </div>
+ </div>
+</div>
diff --git a/src/partials/.gitkeep b/src/partials/.gitkeep
deleted file mode 100644
diff --git a/src/partials/about.html b/src/partials/about.html
new file mode 100644
--- /dev/null
+++ b/src/partials/about.html
@@ -0,0 +1,78 @@
+<section class="grid-x grid-padding-x" xmlns="http://www.w3.org/1999/html">
+ <div class="large-8 cell">
+ <h2>What we stand for</h2>
+ <p>At Nasqueron, we believe in the power of open-source software and
+ the limitless possibilities it brings to the world of technology.
+
+ As an open-source software community, we are dedicated to creating
+ an <strong>inclusive and collaborative environment</strong> that fosters <strong>innovation</strong>
+ and <strong>growth</strong>.</p>
+
+ <p>Founded in 2014, Nasqueron has become a <strong>vibrant community of passionate
+ individuals</strong> from diverse backgrounds, united by a shared love for software
+ development and free culture. Our community members hail from all corners
+ of the globe, from Africa, Europe and North America, bringing unique
+ perspectives, skills, and ideas to the table.</p>
+
+ <p>We focus on <strong>free culture, ethics and to be a positive change</strong>.
+ Our software is open source while our datasources and content are freely licensed.
+ We share values like respect, justice and equity.</p>
+ </div>
+ <div class="large-4 cell">
+ <img src="/assets/img/foster-innovation.jpg" class="float-center thumbnail" height="384" width="384"/>
+ </div>
+</section>
+
+<section class="grid-x grid-padding-x">
+ <div class="large-4 cell">
+ <img src="/assets/img/work.jpg" class="float-center thumbnail" height="384" width="384"/>
+ </div>
+ <div class="large-8 cell">
+ <h2>How we roll</h2>
+ <p><strong>Collaboration</strong> lies at the heart of Nasqueron. We believe that <strong>great things</strong>
+ happen when talented beings come together to work towards a <strong>common goal</strong>.
+
+ Through our collaborative efforts, we want to develop and maintain a wide
+ range of projects, tools, and libraries that make a <strong>significant impact
+ in the software development landscape</strong>, especially in automation, software
+ quality and infrastructure.</p>
+
+ <p><strong>Openness</strong> is a fundamental principle we uphold. We are fully committed to
+ open-source ideals, which means that our software is freely available,
+ modifiable, and accessible to all. By promoting <strong>transparency</strong> and
+ <strong>encouraging contributions from the community</strong> at large, we foster
+ an environment where <strong>creativity can flourish</strong> and software can evolve
+ organically.</p>
+
+ <p><strong>Quality</strong> is of paramount importance to us. We strive for excellence
+ in every aspect of our work, from the code we write to the documentation
+ we provide. By prioritizing quality, we ensure that our software is <strong>robust,
+ reliable, and user-friendly</strong>, delivering value to those who use it.</p>
+ </div>
+</section>
+
+<section class="grid-x grid-padding-x">
+ <div class="large-8 cell">
+ <h2>Our culture</h2>
+ <p>But it's not all work and no play at Nasqueron. We believe that software
+ development should be <strong>enjoyable and fulfilling</strong>. We embrace a culture of
+ fun, where creativity is celebrated, and beings are encouraged to
+ bring their <strong>unique personalities and interests to their work</strong>.
+ We understand that when people enjoy what they do, they produce their best work.</p>
+
+ <p>If you are <strong>passionate</strong> about open source software,
+ eager to learn, and ready to collaborate with <strong>like-minded individuals</strong>,
+ we'll be happy to welcome you, as an internship at Nasqueron is an opportunity to grow
+ and contribute to exciting projects.</p>
+
+ <p>Join our community, and together, we can shape the future of software
+ development while creating a <strong>friendly and welcoming space</strong> for all.</p>
+
+ <p>Are you ready to <strong>embark on an intensive journey</strong> with Nasqueron? Come
+ and be a part of our vibrant community, where your ideas and
+ contributions will make <strong>a real difference</strong>.</p>
+ </div>
+ <div class="large-4 cell">
+ <img src="/assets/img/cozy-knowledge.jpg" class="float-center thumbnail" height="384" width="384"/>
+ </div>
+</section>
diff --git a/src/partials/footer.html b/src/partials/footer.html
new file mode 100644
--- /dev/null
+++ b/src/partials/footer.html
@@ -0,0 +1,51 @@
+<footer>
+ <div class="grid-container">
+ <hr />
+ <div class="grid-x grid-padding-x">
+ <div class="large-3 medium-6 site-description">
+ <p><img src="https://assets.nasqueron.org/logos/logo-main-133px.png" width="80px" /></p>
+ <p><strong>Nasqueron</strong> is a community of developers <span class="ampersand">&</span> creative people.</p>
+ <hr />
+ <p><strong>Join Nasqueron</strong> documents our mentoring and internship opportunities.</p>
+ </div>
+ <div class="large-3 medium-6 cell">
+ <dl>
+ <dt>Join Nasqueron</dt>
+ <dd><a href="/">Why Nasqueron?</a></dd>
+ <dd><a href="/interns.html">Internship</a></dd>
+ <dd><a href="/mentoring.html">Mentoring</a></dd>
+ <dd><a href="/contributors.html">Open-source contributions</a></dd>
+ </dl>
+ </div>
+ <div class="large-3 medium-6 cell">
+ <dl>
+ <dt>How to contribute</dt>
+ <dd><a href="https://devcentral.nasqueron.org/home/menu/view/174/">Projects you can contribute to</a></dd>
+ <dd><a href="https://devcentral.nasqueron.org/tag/good-first-issue/">Good first issues</a></dd>
+ <dd><a href="https://agora.nasqueron.org/How_to_contribute_code">How to contribute code</a></dd>
+ <dd><a href="https://agora.nasqueron.org/Operations_grimoire">DevOps? Our Operations grimoire</a></dd>
+ </dl>
+ </div>
+ <div class="large-3 medium-6 cell">
+ <dl>
+ <dt>Contact us</dt>
+ <dd><a href="https://forms.nasqueron.org/nasqueron-join/contact/new">Application form</a></dd>
+ <dd>
+ <a href="ircs://irc.libera.chat:6697">IRC Libera #nasqueron</a>
+ (<a href="https://web.libera.chat/?channel=#nasqueron">Web chat</a>)
+ </dd>
+ <dd><a href="https://devcentral.nasqueron.org/maniphest/task/edit/form/6/">Say hello on DevCentral</a></dd>
+ </dl>
+ </div>
+ </div>
+ <div class="grid-x">
+ <div class="large-12 cell"><hr />
+ <div class="row extrainfos">
+ <div class="large-6 large-offset-6 columns">
+ <p class="text-right">“To the very centre of the moon.”</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</footer>
diff --git a/src/partials/header.html b/src/partials/header.html
new file mode 100644
--- /dev/null
+++ b/src/partials/header.html
@@ -0,0 +1,21 @@
+<header class="grid-container">
+ <div class="grid-x grid-padding-x">
+ <div class="large-2 medium-4 small-6 cell">
+ <img src="https://assets.nasqueron.org/logos/logo-main-133px.png" alt="Nasqueron">
+ </div>
+ <div class="large-6 medium-6 small-6 cell">
+ <ul class="menu">
+ <li><a href="/">About Nasqueron</a></li>
+ <li><a href="/interns.html">Internship</a></li>
+ <li><a href="/mentoring.html">Mentoring</a></li>
+ <li><a href="/contributors.html">Open-source contributions</a></li>
+ </ul>
+ </div>
+ <div class="large-4 medium-2">
+ <ul class="menu float-right">
+ <li><a href="{{ contact.whatsapp }}"><i class="fa-brands fa-whatsapp"></i></a></li>
+ <li><a href="https://hub.docker.com/u/nasqueron"><i class="fa-brands fa-docker"></i></a></li>
+ <li><a href="https://github.com/nasqueron"><i class="fa-brands fa-github"></i></a></li>
+ </ul>
+ </div>
+</header>
diff --git a/src/partials/hero.html b/src/partials/hero.html
new file mode 100644
--- /dev/null
+++ b/src/partials/hero.html
@@ -0,0 +1,21 @@
+<div class="full-width-testimonial">
+ <div class="full-width-testimonial-section">
+ <div class="full-width-testimonial-icon text-center">
+ <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="41px" height="34px" viewBox="-235 240 41 34" style="enable-background:new -235 240 41 34;" xml:space="preserve">
+ <path class="quote-path" d="M-231.3,260.4c0-5,1.3-8.8,3.7-11.7c2.4-2.8,6-4.6,10.5-5.5v5c-3.5,1-6,2.8-7.1,5.5c-0.7,1.4-0.9,2.8-0.8,4
+ h8.1v12.8h-14.4V260.4z"/>
+ <path class="quote-path" d="M-212,260.4c0-5,1.3-8.8,3.7-11.7c2.4-2.8,6-4.6,10.5-5.5v5c-3.5,1-6,2.8-7.1,5.5c-0.7,1.4-0.9,2.8-0.8,4h8.1
+ v12.8H-212V260.4z"/>
+ </svg>
+ </div>
+ <div class="full-width-testimonial-content">
+ <h5 class="full-width-testimonial-text">
+ La connaissance s'accroît quand on la partage.<br>
+ Share your knowledge to increase it.
+ </h5>
+ <p class="full-width-testimonial-source">Sébastien Santoro aka Dereckson</p>
+ <span class="full-width-testimonial-source-context">Nasqueron founder</span>
+ </div>
+ </div>
+</div>

File Metadata

Mime Type
text/plain
Expires
Sat, Oct 26, 17:30 (19 h, 56 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2216357
Default Alt Text
D3119.diff (46 KB)

Event Timeline

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