website

docs/website/themes/ananke/src/css/_code.css

@@ -0,0 +1,24 @@
+pre, .pre  {
+  overflow-x: auto;
+  overflow-y: hidden;
+  overflow:   scroll;
+}
+
+
+pre  code {
+  display: block;
+  padding: 1.5em 1.5em;
+  white-space: pre;
+  font-size: .875rem;
+  line-height: 2;
+
+}
+
+pre {
+  background-color: #222;
+  color: #ddd;
+  white-space: pre;
+
+  hyphens: none;
+  position: relative;
+}

docs/website/themes/ananke/src/css/_hugo-internal-templates.css

@@ -0,0 +1,31 @@
+/* pagination.html: https://github.com/spf13/hugo/blob/master/tpl/tplimpl/template_embedded.go#L117 */
+.pagination {
+  margin: 3rem 0;
+}
+
+.pagination li {
+  display: inline-block;
+  margin-right: .375rem;
+  font-size: .875rem;
+  margin-bottom: 2.5em;
+}
+.pagination li a {
+  padding: .5rem .625rem;
+  background-color: white;
+  color: #333;
+  border: 1px solid #ddd;
+  border-radius: 3px;
+  text-decoration: none;
+}
+.pagination li.disabled {
+  display: none;
+}
+.pagination li.active a:link,
+.pagination li.active a:active,
+.pagination li.active a:visited {
+  background-color: #ddd;
+}
+
+#TableOfContents ul li {
+  margin-bottom: 1em;
+}

docs/website/themes/ananke/src/css/_social-icons.css

@@ -0,0 +1,44 @@
+.facebook, .twitter, .instagram, .youtube, .github, .gitlab, .linkedin, .medium {
+  fill: #BABABA;
+}
+
+.new-window {
+  opacity: 0;
+  display: inline-block;
+  vertical-align: top;
+}
+.link-transition:hover .new-window{
+  opacity: 1;
+}
+
+.facebook:hover {
+  fill: #3b5998;
+}
+
+.twitter:hover {
+  fill: #1da1f2;
+}
+
+.instagram:hover {
+  fill: #e1306c;
+}
+
+.youtube:hover {
+  fill: #cd201f;
+}
+
+.github:hover {
+  fill: #6cc644;
+}
+
+.gitlab:hover {
+  fill: #FC6D26;
+}
+
+.linkedin:hover {
+  fill: #0077b5
+}
+
+.medium:hover {
+  fill: #0077b5
+}

docs/website/themes/ananke/src/css/_styles.css

@@ -0,0 +1,5 @@
+/* Put your custom styles here and run `npm start` from the "src" directory on */
+
+#TableOfContents ul li {
+  margin-bottom: 1em;
+}

docs/website/themes/ananke/src/css/_tachyons.css

@@ -0,0 +1,94 @@
+/*! TACHYONS v4.9.1 | http://tachyons.io */
+
+/*
+ *
+ *      ________            ______
+ *      ___  __/_____ _________  /______  ______________________
+ *      __  /  _  __ `/  ___/_  __ \_  / / /  __ \_  __ \_  ___/
+ *      _  /   / /_/ // /__ _  / / /  /_/ // /_/ /  / / /(__  )
+ *      /_/    \__,_/ \___/ /_/ /_/_\__, / \____//_/ /_//____/
+ *                                 /____/
+ *
+ *    TABLE OF CONTENTS
+ *
+ *    1. External Library Includes
+ *       - Normalize.css | http://normalize.css.github.io
+ *    2. Tachyons Modules
+ *    3. Variables
+ *       - Media Queries
+ *       - Colors
+ *    4. Debugging
+ *       - Debug all
+ *       - Debug children
+ *
+ */
+
+
+/* External Library Includes */
+@import 'tachyons/src/_normalize';
+
+
+/* Modules */
+@import 'tachyons/src/_box-sizing';
+@import 'tachyons/src/_aspect-ratios';
+@import 'tachyons/src/_images';
+@import 'tachyons/src/_background-size';
+@import 'tachyons/src/_background-position';
+@import 'tachyons/src/_outlines';
+@import 'tachyons/src/_borders';
+@import 'tachyons/src/_border-colors';
+@import 'tachyons/src/_border-radius';
+@import 'tachyons/src/_border-style';
+@import 'tachyons/src/_border-widths';
+@import 'tachyons/src/_box-shadow';
+@import 'tachyons/src/_code';
+@import 'tachyons/src/_coordinates';
+@import 'tachyons/src/_clears';
+@import 'tachyons/src/_display';
+@import 'tachyons/src/_flexbox';
+@import 'tachyons/src/_floats';
+@import 'tachyons/src/_font-family';
+@import 'tachyons/src/_font-style';
+@import 'tachyons/src/_font-weight';
+@import 'tachyons/src/_forms';
+@import 'tachyons/src/_heights';
+@import 'tachyons/src/_letter-spacing';
+@import 'tachyons/src/_line-height';
+@import 'tachyons/src/_links';
+@import 'tachyons/src/_lists';
+@import 'tachyons/src/_max-widths';
+@import 'tachyons/src/_widths';
+@import 'tachyons/src/_overflow';
+@import 'tachyons/src/_position';
+@import 'tachyons/src/_opacity';
+@import 'tachyons/src/_rotations';
+@import 'tachyons/src/_skins';
+@import 'tachyons/src/_skins-pseudo';
+@import 'tachyons/src/_spacing';
+@import 'tachyons/src/_negative-margins';
+@import 'tachyons/src/_tables';
+@import 'tachyons/src/_text-decoration';
+@import 'tachyons/src/_text-align';
+@import 'tachyons/src/_text-transform';
+@import 'tachyons/src/_type-scale';
+@import 'tachyons/src/_typography';
+@import 'tachyons/src/_utilities';
+@import 'tachyons/src/_visibility';
+@import 'tachyons/src/_white-space';
+@import 'tachyons/src/_vertical-align';
+@import 'tachyons/src/_hovers';
+@import 'tachyons/src/_z-index';
+@import 'tachyons/src/_nested';
+@import 'tachyons/src/_styles';
+
+/* Variables */
+/* Importing here will allow you to override any variables in the modules */
+@import 'tachyons/src/_colors';
+@import 'tachyons/src/_media-queries';
+
+/* Debugging */
+/* @import 'tachyons/src/_debug-children';
+@import 'tachyons/src/_debug-grid'; */
+
+/* Uncomment out the line below to help debug layout issues */
+/* @import 'tachyons/src/_debug'; */

docs/website/themes/ananke/src/css/main.css

@@ -0,0 +1,5 @@
+@import '_tachyons';
+@import '_code';
+@import '_hugo-internal-templates';
+@import '_social-icons';
+@import '_styles';

docs/website/themes/ananke/src/css/postcss.config.js

@@ -0,0 +1,8 @@
+module.exports = {
+  plugins: {
+   'postcss-import': {},
+   'postcss-cssnext': {
+	   browsers: ['last 2 versions', '> 5%'],
+	  }
+	}  
+};

docs/website/themes/ananke/src/js/main.js

@@ -0,0 +1,16 @@
+import styles from './../css/main.css';
+
+
+// NOTE: TO use Jquery, just call the modules you want
+// var $ = require('jquery/src/core');
+// require('jquery/src/core/init');
+// require('jquery/src/manipulation');
+
+// OR, use all of them
+// var $ = require('jquery/src/jquery');
+
+// And write your code
+// $('body').append('<p>Jquery is working</p>');
+//
+// You can also "require" any script from its location in the node modules folder. Webpack often knows what to look for, but you can add a script directly like this:
+// var javascriptthingy = require('name/folder/file.js');

docs/website/themes/ananke/src/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "gohugo-default-styles",
+  "version": "1.0.0",
+  "description": "Default Theme for Hugo Sites",
+  "main": "index.js",
+  "repository": "",
+  "author": "budparr",
+  "license": "MIT",
+  "scripts": {
+    "build:production": "rm -rf ../static/dist && webpack -p",
+    "build": "webpack --progress --colors --watch",
+    "start": "npm run build"
+  },
+  "devDependencies": {
+    "assets-webpack-plugin": "^3.5.1",
+    "babel-core": "^6.24.1",
+    "babel-loader": "^7.0.0",
+    "babel-preset-env": "^1.4.0",
+    "css-loader": "^0.28.0",
+    "cssnano": "^3.10.0",
+    "extract-text-webpack-plugin": "^2.1.0",
+    "file-loader": "^0.11.1",
+    "jquery": "^3.2.1",
+    "postcss": "^5.2.16",
+    "postcss-cssnext": "^2.10.0",
+    "postcss-import": "^9.1.0",
+    "postcss-loader": "^1.3.3",
+    "style-loader": "^0.16.1",
+    "tachyons": "^4.9.1",
+    "webpack": "^2.3.3"
+  },
+  "dependencies": {}
+}

docs/website/themes/ananke/src/readme.md

@@ -0,0 +1,39 @@
+## Welcome to the SRC folder for the Gohugo Ananke Theme.
+
+The contents of this folder are used to generate CSS and javascript. You may never have to touch anything here,  unless you want to more deeply customize your styles.
+
+## Tools
+
+### Yarn
+
+We use [Yarn](https://yarnpkg.com) for package managment (instead of NPM) because it's fast and generates a lock file to make dependency management more consistent. The theme's `.gitignore` file should be kept intact to make sure that all files in the `node_modules` folder are not pushed to the repository.
+
+### Webpack
+
+We use Webpack to manage our asset pipeline. Arguably, Webpack is overkill for this use-case, but we're using it here because once it's set up (which we've done for you), it's really easy to use. If you want to use an external script, just add it via Yarn, and reference it in main.js. You'll find instructions in the js/main.js file.
+
+### PostCSS
+PostCSS is just CSS. You'll find `postcss.config.js` in the css folder. There you'll find that we're using [`postcss-import`](https://github.com/postcss/postcss-import) which allows us import css files directly from the node_modules folder, [`postcss-cssnext`](http://cssnext.io/features/) which gives us the power to use upcoming CSS features today. If you miss Sass you can find PostCss modules for those capabilities, too.
+
+
+### Tachyons
+
+This theme uses the [Tachyons CSS Library](http://tachyons.io/). It's about 15kb gzipped, highly modular, and each class is atomic so you never have to worry about overwriting your styles. It's a great library for themes because you can make most all the style changes you need right in your layouts.
+
+## How to Use
+
+You'll find the commands to run in `src/package.json`.
+
+For development, you'll need Node and Yarn installed:
+
+```
+$ cd themes/gohugo-theme-ananke/src/
+
+$ yarn install
+
+$ npm start
+
+```
+This will process both the postcss and scripts.
+
+For production, instead of `npm start`, run `npm run build:production,` which will output minified versions of your files.

docs/website/themes/ananke/src/webpack.config.js

@@ -0,0 +1,57 @@
+var path = require('path');
+var ExtractTextPlugin = require('extract-text-webpack-plugin');
+var webpack = require('webpack');
+var AssetsPlugin = require('assets-webpack-plugin');
+
+module.exports = {
+	entry: {
+		app: './js/main.js'
+	},
+	module: {
+		rules: [
+			{
+				test: /\.js$/,
+				exclude: /node_modules/,
+				use: {
+					loader: 'babel-loader',
+					options: {
+						presets: ['env']
+					}
+				}
+			},
+			{
+				test: /\.css$/,
+				use: ExtractTextPlugin.extract({
+					fallback: 'style-loader',
+					use: 'css-loader?importLoaders=1!postcss-loader'
+				})
+			}
+		]
+	},
+
+	output: {
+		path: path.join(__dirname, './../static/dist'),
+		filename: 'js/[name].[chunkhash].js'
+	},
+
+	resolve: {
+		modules: [path.resolve(__dirname, 'src'), 'node_modules']
+	},
+
+	plugins: [
+		new AssetsPlugin({
+			filename: 'webpack_assets.json',
+			path: path.join(__dirname, '../data'),
+			prettyPrint: true
+		}),
+		new ExtractTextPlugin({
+			filename: getPath => {
+				return getPath('css/[name].[contenthash].css');
+			},
+			allChunks: true
+		})
+	],
+	watchOptions: {
+		watch: true
+	}
+};