Initial commit of Jekyll conversion based on Neat Whiskey base; added… (

#1)

* Initial commit of Jekyll conversion based on Neat Whiskey base; added blog, and separate pages for Download, PraxisCORE and Community.

* Add production image CDN setting.

* Update .ruby-version to match Netlify defaults.

.editorconfig

@@ -0,0 +1,16 @@
+# EditorConfig is awesome: http://EditorConfig.org
+
+root = true
+
+[*]
+end_of_line = lf
+insert_final_newline = true
+
+[*.{html,js,scss}]
+charset = utf-8
+indent_style = tab
+indent_size = 2
+
+[*.{md,markdown,yml}]
+indent_style = spaces
+indent_size = 2

.gitignore

@@ -1 +1,11 @@
-nbproject
+# Compiled site
+_site
+
+# Sass garbage
+.sass-cache
+
+# Bundler
+Gemfile.lock
+.bundle/
+vendor/
+nbproject/

.ruby-version

@@ -0,0 +1 @@
+2.3.6

Gemfile

@@ -0,0 +1,4 @@
+source "https://rubygems.org"
+
+gem "jekyll", "~>3.7.0"
+gem "jekyll-sitemap", "~>1.2.0"

_config.yml

@@ -0,0 +1,120 @@
+# External gems
+plugins:
+
+exclude:
+  - "/vendor/"
+
+# Site settings
+title: PraxisLIVE
+#subtitle: hybrid visual IDE for creative coding
+#name: PraxisLIVE
+description: hybrid visual live programming - for creatives, for programmers, for students, for tinkerers
+# Base URL of site (i.e. /blog). It should always start with a slash,
+# and never end with a slash. Set it to a blank value if hosting at the
+# root of your server.
+baseurl: ""
+# the base hostname & protocol for your site
+#url: "http://www.example.com"
+logo: "/assets/logo.png"
+email: [email protected]
+
+# Build settings
+markdown: kramdown
+permalink: /blog/:title/
+
+# Image CDN
+imagecdn:
+  production: "https://images.weserv.nl?url=ssl:www.praxislive.org"
+
+
+# Google analytics
+# ga_tracking_id: "UA-XXXX-1"
+
+
+# Social icons and sharing options
+#
+# Social settings are used in two places:
+# * In the footer, as links to your personal profiles
+# * After each blog post for sharing widgets
+# 
+# Example:
+# 
+# social:
+#   - name: Twitter                         # Name of the service
+#     icon: twitter                         # Font Awesome icon to use (minus fa- prefix)
+#     username: "@TheBenCentra"             # (User) Name to display in the footer link
+#     url: https://twitter.com/TheBenCentra # URL of your profile (leave blank to not display in footer)
+#     desc: Follow me on Twitter            # Description to display as link title, etc
+#     share: true                           # Include in the "Share" section of posts
+social:
+  - name: Twitter
+    icon: twitter
+    username: PraxisLIVE
+    url: https://twitter.com/praxislive
+    desc: Follow us on Twitter
+    share: true
+
+  - name: Facebook
+    icon: facebook
+    username: PraxisLIVE
+    url: https://www.facebook.com/praxislive.org/
+    desc: Like us on Facebook
+    share: true
+
+  - name: LinkedIn
+    icon: linkedin
+    username:
+    url:
+    desc: Connect with us on LinkedIn
+    share: true
+
+  - name: YouTube
+    icon: youtube
+    username: PraxisLIVE
+    url: https://www.youtube.com/channel/UCUOsodT0LkvxEOY6n4k5SPA
+    desc: Subscribe on YouTube
+    share: false
+
+  - name: Instagram
+    icon: instagram
+    username: 
+    url: 
+    desc: Follow me on Instagram
+    share: false
+
+  - name: Pinterest
+    icon: pinterest
+    username: 
+    url: 
+    desc: Follow me on Pinterest
+    share: true
+
+  - name: SoundCloud
+    icon: soundcloud
+    username: 
+    url: 
+    desc: Follow me on SoundCloud
+    share: false
+
+  - name: Vimeo
+    icon: vimeo-square
+    username: 
+    url: 
+    desc: Follow me on Vimeo
+    share: false
+
+  - name: GitHub
+    icon: github
+    username: PraxisLIVE
+    url: https://github.com/praxis-live
+    desc: Fork us on GitHub
+    share: false
+
+# Social sharing protocols
+# These are for automatically generating sharing metadata for FB and Twitter
+# OS Protocol is for sharing the source of your site, if you're interested. For more, see osprotocol.com
+protocols:
+    fb_image: "/assets/praxislive4.jpg"
+
+    twitter_image: "/assets/praxislive4.jpg"
+

_data/nav.yml

@@ -0,0 +1,12 @@
+- title: "Download"
+  href: "/download/"
+
+- title: "PraxisCORE"
+  href: "/core/"
+
+- title: "Community"
+  href: "/community/"
+
+- title: "Blog"
+  href: "/blog/"
+

_includes/dates.html

@@ -0,0 +1,5 @@
+{% if include.to %}
+  {% capture year_from %}{{ include.from | date: '%Y' }}{% endcapture %}
+  {% capture year_to %}{{ include.to | date: '%Y' }}{% endcapture %}
+  {% if year_from == year_to %}{{ include.from | date: '%B' }} - {{ include.to | date: '%B %Y' }}{% else %}{{ include.from | date: '%B %Y' }} - {{ include.to | date: '%B %Y' }}{% endif %}
+{% else %}{{ include.from | date: '%B %Y' }}{% endif %}

_includes/footer.html

@@ -0,0 +1,50 @@
+<footer class="site-footer">
+
+  <div class="wrapper">
+
+    <div class="site-navigation">
+
+      <p><strong>Links</strong></p>
+      <ul class="pages">
+        <li class="nav-link"><a href="/community/">Help &amp; support</a></li>
+        <li class="nav-link"><a href="https://docs.praxislive.org" target="_blank">Documentation</a></li>
+        <li class="nav-link"><a href="https://github.com/praxis-live/support/issues" target="_blank">Report issue</a></li>
+        <li class="nav-link"><a href="https://github.com/praxis-live/praxis" target="_blank">Source code (PraxisCORE)</a></li>
+        <li class="nav-link"><a href="https://github.com/praxis-live/praxis-live" target="_blank">Source code (PraxisLIVE)</a></li>
+      </ul>
+    </div>
+
+    <div class="site-contact">
+
+      <p><strong>Contact</strong></p>
+
+      <ul class="social-media-list">
+        <li>
+          <a class="icon fa-envelope-o" href="mailto:{{ site.email }}" title="{{ site.email }}">
+            <span class="username">{{ site.email }}</span>
+          </a>
+        </li>
+        {% for social in site.social %}
+        {% if social.url != null %}
+        <li>
+          <a class="icon fa-{{ social.icon }}" href="{{ social.url }}" title="{{ social.desc }}" target="_blank">
+            <span class="username">{% if social.username %}{{ social.username }}{% else %}{{ social.name }}{% endif %}</span>
+          </a>
+        </li>
+        {% endif %}
+        {% endfor %}
+
+      </ul>
+    </div>
+
+    <div class="site-signature">
+      <p><strong>About</strong></p>
+      <p class="text">PraxisLIVE is a FLOSS project developed and led by UK Artist &amp; Technologist
+        <a href="https://www.neilcsmith.net" target="_blank">Neil C Smith</a>.</p>
+      <p>&copy; 2018</p>
+    </div>
+
+  </div>
+
+</footer>
+

_includes/head.html

@@ -0,0 +1,109 @@
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
+  <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
+  {% if site.name %}
+  <meta name="author" content="{{ site.name }}">
+  <meta name="copyright" content="&copy; {{ site.name }} {{ site.time | date: '%Y' }}">
+  {% endif %}
+
+  <!-- External libraries -->
+  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.4.0/styles/monokai_sublime.min.css">
+  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/css/lightbox.min.css">
+
+  <!-- Favicon and other icons (made with http://www.favicon-generator.org/) -->
+  <link rel="shortcut icon" href="{{ "/assets/icons/favicon.ico" | prepend: site.baseurl }}" type="image/x-icon">
+  <link rel="icon" href="{{ "/assets/icons/favicon.ico" | prepend: site.baseurl }}" type="image/x-icon">
+  <link rel="apple-touch-icon" sizes="57x57" href="{{ "/assets/icons/apple-icon-57x57.png" | prepend: site.baseurl }}">
+  <link rel="apple-touch-icon" sizes="60x60" href="{{ "/assets/icons/apple-icon-60x60.png" | prepend: site.baseurl }}">
+  <link rel="apple-touch-icon" sizes="72x72" href="{{ "/assets/icons/apple-icon-72x72.png" | prepend: site.baseurl }}">
+  <link rel="apple-touch-icon" sizes="76x76" href="{{ "/assets/icons/apple-icon-76x76.png" | prepend: site.baseurl }}">
+  <link rel="apple-touch-icon" sizes="114x114" href="{{ "/assets/icons/apple-icon-114x114.png" | prepend: site.baseurl }}">
+  <link rel="apple-touch-icon" sizes="120x120" href="{{ "/assets/icons/apple-icon-120x120.png" | prepend: site.baseurl }}">
+  <link rel="apple-touch-icon" sizes="144x144" href="{{ "/assets/icons/apple-icon-144x144.png" | prepend: site.baseurl }}">
+  <link rel="apple-touch-icon" sizes="152x152" href="{{ "/assets/icons/apple-icon-152x152.png" | prepend: site.baseurl }}">
+  <link rel="apple-touch-icon" sizes="180x180" href="{{ "/assets/icons/apple-icon-180x180.png" | prepend: site.baseurl }}">
+  <link rel="icon" type="image/png" sizes="192x192"  href="{{ "/assets/icons/android-icon-192x192.png" | prepend: site.baseurl }}">
+  <link rel="icon" type="image/png" sizes="32x32" href="{{ "/assets/icons/favicon-32x32.png" | prepend: site.baseurl }}">
+  <link rel="icon" type="image/png" sizes="96x96" href="{{ "/assets/icons/favicon-96x96.png" | prepend: site.baseurl }}">
+  <link rel="icon" type="image/png" sizes="16x16" href="{{ "/assets/icons/favicon-16x16.png" | prepend: site.baseurl }}">
+  <link rel="manifest" href="{{ "/assets/icons/manifest.json" | prepend: site.baseurl }}">
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="msapplication-TileImage" content="{{ "/assets/icons/ms-icon-144x144.png" | prepend: site.baseurl }}">
+  <meta name="theme-color" content="#ffffff">
+
+  {% if site.protocols.fb_image %}
+  <!-- Facebook OGP cards -->
+  <meta property="og:description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}" />
+  <meta property="og:url" content="{{ page.url | prepend: site.baseurl | prepend: site.url }}" />
+  <meta property="og:site_name" content="{{ site.title }}" />
+  <meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}" />
+  <meta property="og:type" content="website" />
+  <meta property="og:image" content="{% if page.main_image_path %}{{ page.main_image_path | prepend: site.baseurl | prepend: site.url }}{% else %}{{ site.protocols.fb_image | prepend: site.baseurl | prepend: site.url }}{% endif %}" />
+  {% endif %}
+
+  {% if site.protocols.twitter_image %}
+  <!-- Twitter: card tags -->
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
+  <meta name="twitter:description" content="{% if page.description %}{{ page.description | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
+  <meta name="twitter:image" content="{% if page.main_image_path %}{{ page.main_image_path | prepend: site.baseurl | prepend: site.url }}{% else %}{{ site.protocols.twitter_image | prepend: site.baseurl | prepend: site.url }}{% endif %}">
+  <meta name="twitter:url" content="{{ page.url | prepend: site.baseurl | prepend: site.url }}">
+  {% endif %}
+
+  {% if protocols.os_repo and protocols.os_rcs_type and protocols.os_src %}
+  <!-- Open Source Protocol -->
+  <link rel="profile" href="http://osprotocol.com" />
+  <meta property="os:repo" content="{{ protocols.os_repo }}" />
+  <meta property="os:rcs_type" content="{{ protocols.os_rcs_type }}" />
+  <meta property="os:src" content="{{ protocols.os_src }}" />
+  {% endif %}
+
+  <!-- Site styles -->
+  <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
+
+  <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
+  <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" />
+
+  <!-- Header image from page -->
+  {% if page.main_image_path %}
+  <style>
+    #content-header {
+      background-image: url("{% include imgpath.html src=page.main_image_path width=640 height=480 %}") !important;
+    }
+    @media screen and (min-width: 960px) {
+      #content-header {
+        background-image: url("{% include imgpath.html src=page.main_image_path width=1600 height=800 %}") !important;
+      }
+    }
+  </style>
+  {% endif %}
+
+  <!-- Scripts -->
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
+<script defer src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.4.0/highlight.min.js"></script>
+<script defer src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/js/lightbox.min.js"></script>
+<script defer src="https://cdnjs.cloudflare.com/ajax/libs/fitvids/1.1.0/jquery.fitvids.min.js"></script>
+<script defer src="/js/main.js"></script>
+
+{% if site.ga_tracking_id %}
+<!-- Google Analytics -->
+<script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+  ga('create', '{{ site.ga_tracking_id }}', 'auto');
+  ga('send', 'pageview', {
+    'page': '{{ page.url }}',
+    'title': '{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}'
+  });
+</script>
+{% endif %}
+
+</head>

_includes/header.html

@@ -0,0 +1,30 @@
+<header class="navigation" role="banner">
+  <div class="navigation-wrapper">
+    <a href="{{ site.baseurl }}/" class="site-title">
+      <h1>{{ site.title }}</h1>
+    </a>
+    <a href="javascript:void(0)" class="navigation-menu-button" id="js-mobile-menu">
+      <i class="fa fa-bars"></i>
+    </a>
+    <nav role="navigation">
+      <ul id="js-navigation-menu" class="navigation-menu show">
+        {% for link in site.data.nav %}
+          <li class="nav-link{% if page.url == link.href %} active{% endif %}"><a href="{{ link.href | prepend: site.baseurl }}">{{ link.title }}</a>
+        {% endfor %}
+
+        {% if false %}
+        <!-- alternative social links in nav menu -->
+          {% for social in site.social %}
+            {% if social.url != null %}
+            <li class="nav-link social">
+              <a href="{{ social.url }}" title="{{ social.desc }}">
+                <i class="fa fa-{{ social.icon }}"></i>
+              </a>
+            </li>
+            {% endif %}
+          {% endfor %}
+        {% endif %}
+      </ul>
+    </nav>
+  </div>
+</header>

_includes/img.html

@@ -0,0 +1 @@
+{% capture src %}{% include imgpath.html %}{% endcapture %}<img src="{{ src | escape }}" alt="{{include.alt}}" {% if include.width %}width="{{include.width}}" {% endif %}{% if include.height %}{% unless site.imagecdn[jekyll.environment] %}height="{{include.height}}" {% endunless %}{% endif %}/>

_includes/imgpath.html

@@ -0,0 +1 @@
+{% if site.imagecdn[jekyll.environment] %}{{site.imagecdn[jekyll.environment]}}{{include.src | uri_escape}}&t=square&a=entropy{% if include.width %}&w={{include.width}}{% endif %}{% if include.height %}&h={{include.height}}{% endif %}{% else %}{{include.src | uri_escape}}{% endif %}

_layouts/default.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+
+  {% include head.html %}
+
+  {% assign section = page.url | split: '/' %}
+
+  <body class="{% if section[1] %}{{section[1]}}{% else %}front{% endif %}{% if page.main_image_path %} has-cover{% endif %}">
+
+    {% include header.html %}
+
+    <main role="main">
+        {{ content }}
+    </main>
+
+    {% include footer.html %}
+
+  </body>
+
+</html>