Work so far in refactoring front-end

- Mainly getting rid of existing css/js
- No longer linking to stuff like a11y.css
- Creating a FrontPageController to better deal with the home page

app/Http/Controllers/FrontPageController.php

@@ -0,0 +1,44 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Exception;
+use App\Models\Like;
+use App\Models\Note;
+use App\Models\Article;
+use App\Models\Bookmark;
+
+class FrontPageController extends Controller
+{
+    /**
+     * Show all the recent activity.
+     */
+    public function index()
+    {
+        $pageNumber = request()->query('page') ?? 1;
+
+        $notes = Note::latest()->get();
+        $articles = Article::latest()->get();
+        $bookmarks = Bookmark::latest()->get();
+        $likes = Like::latest()->get();
+
+        $allItems = collect($notes)
+            ->merge($articles)
+            ->merge($bookmarks)
+            ->merge($likes)
+            ->sortByDesc('updated_at')
+            ->chunk(10);
+
+        $totalNumPages = $allItems->count();
+
+        $page = $allItems->get($pageNumber - 1);
+
+        if (is_null($page)) {
+            abort(404);
+        }
+
+        return view('front-page', [
+            'items' => $page,
+        ]);
+    }
+}

database/factories/NoteFactory.php

@@ -2,9 +2,13 @@
 
 use App\Models\Note;
 use Faker\Generator as Faker;
+use Illuminate\Support\Carbon;
 
 $factory->define(Note::class, function (Faker $faker) {
+    $now = Carbon::now()->subDays(rand(5, 15));
     return [
         'note' => $faker->paragraph,
+        'created_at' => $now,
+        'updated_at' => $now,
     ];
 });

database/seeds/ArticlesTableSeeder.php

@@ -1,7 +1,9 @@
 <?php
 
 use App\Models\Article;
+use Illuminate\Support\Carbon;
 use Illuminate\Database\Seeder;
+use Illuminate\Support\Facades\DB;
 
 class ArticlesTableSeeder extends Seeder
 {
@@ -12,12 +14,18 @@ class ArticlesTableSeeder extends Seeder
      */
     public function run()
     {
-        Article::create([
+        $now = Carbon::now()->subMonth();
+        $articleFirst = Article::create([
             'title' => 'My New Blog',
             'main' => 'This is *my* new blog. It uses `Markdown`.',
             'published' => 1,
+            'created_at' => $now,
         ]);
+        DB::table('articles')
+            ->where('id', $articleFirst->id)
+            ->update(['updated_at' => $now->toDateTimeString()]);
 
+        $now = Carbon::now()->subHours(2)->subMinutes(25);
         $articleWithCode = <<<EOF
 I wrote some code.
 
@@ -37,10 +45,14 @@ class Foo
 }
 ```
 EOF;
-        Article::create([
+        $articleSecond = Article::create([
             'title' => 'Some code I did',
             'main' => $articleWithCode,
             'published' => 1,
+            'created_at' => $now,
         ]);
+        DB::table('articles')
+            ->where('id', $articleSecond->id)
+            ->update(['updated_at' => $now->toDateTimeString()]);
     }
 }

database/seeds/BookmarksTableSeeder.php

@@ -1,7 +1,9 @@
 <?php
 
+use Illuminate\Support\Carbon;
 use App\Models\{Bookmark, Tag};
 use Illuminate\Database\Seeder;
+use Illuminate\Support\Facades\DB;
 
 class BookmarksTableSeeder extends Seeder
 {
@@ -14,6 +16,14 @@ class BookmarksTableSeeder extends Seeder
     {
         factory(Bookmark::class, 10)->create()->each(function ($bookmark) {
             $bookmark->tags()->save(factory(Tag::class)->make());
+
+            $now = Carbon::now()->subDays(rand(2, 12));
+            DB::table('bookmarks')
+                ->where('id', $bookmark->id)
+                ->update([
+                    'created_at' => $now->toDateTimeString(),
+                    'updated_at' => $now->toDateTimeString(),
+                ]);
         });
     }
 }

database/seeds/LikesTableSeeder.php

@@ -2,7 +2,9 @@
 
 use App\Models\Like;
 use Faker\Generator;
+use Illuminate\Support\Carbon;
 use Illuminate\Database\Seeder;
+use Illuminate\Support\Facades\DB;
 
 class LikesTableSeeder extends Seeder
 {
@@ -13,20 +15,40 @@ class LikesTableSeeder extends Seeder
      */
     public function run()
     {
-        factory(Like::class, 10)->create();
+        factory(Like::class, 10)->create()->each(function ($like) {
-        sleep(1);
+            $now = Carbon::now()->subDays(rand(5, 15));
+            DB::table('likes')
+                ->where('id', $like->id)
+                ->update([
+                    'created_at' => $now->toDateTimeString(),
+                    'updated_at' => $now->toDateTimeString(),
+                ]);
+        });
 
+        $now = Carbon::now()->subDays(rand(3, 6));
         $faker = new Generator();
         $faker->addProvider(new \Faker\Provider\en_US\Person($faker));
         $faker->addProvider(new \Faker\Provider\Lorem($faker));
         $faker->addProvider(new \Faker\Provider\Internet($faker));
-        Like::create([
+        $likeFromAuthor = Like::create([
             'url' => $faker->url,
             'author_url' => $faker->url,
             'author_name' => $faker->name,
         ]);
-        sleep(1);
+        DB::table('likes')
+            ->where('id', $likeFromAuthor->id)
+            ->update([
+                'created_at' => $now->toDateTimeString(),
+                'updated_at' => $now->toDateTimeString(),
+            ]);
 
-        Like::create(['url' => 'https://example.com']);
+        $now = Carbon::now()->subHours(rand(3, 6));
+        $likeJustUrl = Like::create(['url' => 'https://example.com']);
+        DB::table('likes')
+            ->where('id', $likeJustUrl->id)
+            ->update([
+                'created_at' => $now->toDateTimeString(),
+                'updated_at' => $now->toDateTimeString(),
+            ]);
     }
 }

database/seeds/NotesTableSeeder.php

@@ -1,6 +1,8 @@
 <?php
 
+use Illuminate\Support\Carbon;
 use Illuminate\Database\Seeder;
+use Illuminate\Support\Facades\DB;
 use App\Models\{Media, Note, Place};
 
 class NotesTableSeeder extends Seeder
@@ -12,103 +14,175 @@ class NotesTableSeeder extends Seeder
      */
     public function run()
     {
-        factory(Note::class, 10)->create();
+        //factory(Note::class, 10)->create();
-        sleep(1);
+
+        $now = Carbon::now()->subDays(rand(2, 5));
         $noteTwitterReply = Note::create([
             'note' => 'What does this even mean?',
             'in_reply_to' => 'https://twitter.com/realDonaldTrump/status/933662564587855877',
+            'created_at' => $now,
         ]);
-        sleep(1);
+        DB::table('notes')
+            ->where('id', $noteTwitterReply->id)
+            ->update(['updated_at' => $now->toDateTimeString()]);
+
+        $now = Carbon::now()->subDays(rand(2, 5));
         $noteWithPlace = Note::create([
             'note' => 'Having a #beer at the local. 🍺',
+            'created_at' => $now,
         ]);
         $noteWithPlace->tweet_id = '123456789';
         $place = Place::find(1);
         $noteWithPlace->place()->associate($place);
         $noteWithPlace->save();
-        sleep(1);
+        DB::table('notes')
+            ->where('id', $noteWithPlace->id)
+            ->update(['updated_at' => $now->toDateTimeString()]);
+
+        $now = Carbon::now()->subDays(rand(3, 6));
         $noteWithPlaceTwo = Note::create([
             'note' => 'It’s really good',
+            'created_at' => $now,
         ]);
         $place = Place::find(1);
         $noteWithPlaceTwo->place()->associate($place);
         $noteWithPlaceTwo->save();
-        sleep(1);
+        DB::table('notes')
+            ->where('id', $noteWithPlaceTwo->id)
+            ->update(['updated_at' => $now->toDateTimeString()]);
+
+        $now = Carbon::now()->subDays(rand(4, 8));
         $noteWithContact = Note::create([
-            'note' => 'Hi @tantek'
+            'note' => 'Hi @tantek',
+            'created_at' => $now,
         ]);
-        sleep(1);
+        DB::table('notes')
+            ->where('id', $noteWithContact->id)
+            ->update(['updated_at' => $now->toDateTimeString()]);
+
+        $now = Carbon::now()->subDays(rand(1, 10));
         $noteWithContactPlusPic = Note::create([
             'note' => 'Hi @aaron',
-            'client_id' => 'https://jbl5.dev/notes/new'
+            'client_id' => 'https://jbl5.dev/notes/new',
+            'created_at' => $now,
         ]);
-        sleep(1);
+        DB::table('notes')
+            ->where('id', $noteWithContactPlusPic->id)
+            ->update(['updated_at' => $now->toDateTimeString()]);
+
+        $now = Carbon::now()->subDays(rand(2, 5));
         $noteWithoutContact = Note::create([
             'note' => 'Hi @bob',
-            'client_id' => 'https://quill.p3k.io'
+            'client_id' => 'https://quill.p3k.io',
+            'created_at' => $now,
         ]);
-        sleep(1);
+        DB::table('notes')
+            ->where('id', $noteWithoutContact->id)
+            ->update(['updated_at' => $now->toDateTimeString()]);
+
         //copy aaron’s profile pic in place
         $spl = new SplFileInfo(public_path() . '/assets/profile-images/aaronparecki.com');
         if ($spl->isDir() === false) {
             mkdir(public_path() . '/assets/profile-images/aaronparecki.com', 0755);
             copy(base_path() . '/tests/aaron.png', public_path() . '/assets/profile-images/aaronparecki.com/image');
         }
+
+        $now = Carbon::now()->subDays(rand(3, 7));
         $noteWithCoords = Note::create([
             'note' => 'Note from a town',
+            'created_at' => $now,
         ]);
+        DB::table('notes')
+            ->where('id', $noteWithCoords->id)
+            ->update(['updated_at' => $now->toDateTimeString()]);
         $noteWithCoords->location = '53.499,-2.379';
         $noteWithCoords->save();
-        sleep(1);
         $noteWithCoords2 = Note::create([
             'note' => 'Note from a city',
+            'created_at' => $now,
         ]);
         $noteWithCoords2->location = '53.9026894,-2.42250444118781';
         $noteWithCoords2->save();
-        sleep(1);
+        DB::table('notes')
+            ->where('id', $noteWithCoords2->id)
+            ->update(['updated_at' => $now->toDateTimeString()]);
         $noteWithCoords3 = Note::create([
             'note' => 'Note from a county',
+            'created_at' => $now,
         ]);
         $noteWithCoords3->location = '57.5066357,-5.0038367';
         $noteWithCoords3->save();
-        sleep(1);
+        DB::table('notes')
+            ->where('id', $noteWithCoords3->id)
+            ->update(['updated_at' => $now->toDateTimeString()]);
         $noteWithCoords4 = Note::create([
             'note' => 'Note from a country',
+            'created_at' => $now,
         ]);
         $noteWithCoords4->location = '63.000147,-136.002502';
         $noteWithCoords4->save();
-        sleep(1);
+        DB::table('notes')
+            ->where('id', $noteWithCoords4->id)
+            ->update(['updated_at' => $now->toDateTimeString()]);
+
+        $now = Carbon::now()->subHours(7);
         $noteSyndicated = Note::create([
             'note' => 'This note has all the syndication targets',
+            'created_at' => $now,
         ]);
         $noteSyndicated->tweet_id = '123456';
         $noteSyndicated->facebook_url = 'https://www.facebook.com/post/12345789';
         $noteSyndicated->swarm_url = 'https://www.swarmapp.com/checking/123456789';
         $noteSyndicated->instagram_url = 'https://www.instagram.com/p/aWsEd123Jh';
         $noteSyndicated->save();
-        sleep(1);
+        DB::table('notes')
+            ->where('id', $noteSyndicated->id)
+            ->update(['updated_at' => $now->toDateTimeString()]);
+
+        $now = Carbon::now()->subHours(6);
         $noteWithTextLinkandEmoji = Note::create([
-            'note' => 'I love https://duckduckgo.com 💕' // theres a two-heart emoji at the end of this
+            'note' => 'I love https://duckduckgo.com 💕', // there’s a two-heart emoji at the end of this
+            'created_at' => $now,
         ]);
-        sleep(1);
+        DB::table('notes')
+            ->where('id', $noteWithTextLinkandEmoji->id)
+            ->update(['updated_at' => $now->toDateTimeString()]);
+
+        $now = Carbon::now()->subHours(5);
         $noteJustCheckin = new Note();
+        $noteJustCheckin->setCreatedAt($now);
         $place = Place::find(1);
         $noteJustCheckin->place()->associate($place);
         $noteJustCheckin->save();
-        sleep(1);
+        DB::table('notes')
+            ->where('id', $noteJustCheckin->id)
+            ->update(['updated_at' => $now->toDateTimeString()]);
+
+        $now = Carbon::now()->subHours(4);
         $media = new Media();
         $media->path = 'media/f1bc8faa-1a8f-45b8-a9b1-57282fa73f87.jpg';
         $media->type = 'image';
         $media->image_widths = '3648';
         $media->save();
         $noteWithOnlyImage = new Note();
+        $noteWithOnlyImage->setCreatedAt($now);
+        $noteWithOnlyImage->setUpdatedAt($now);
         $noteWithOnlyImage->save();
         $noteWithOnlyImage->media()->save($media);
-        sleep(1);
+        DB::table('notes')
+            ->where('id', $noteWithOnlyImage->id)
+            ->update(['updated_at' => $now->toDateTimeString()]);
+
+        $now = Carbon::now()->subHours(3);
         $noteCapitalHashtag = Note::create([
             'note' => 'A #TwoWord hashtag',
+            'created_at' => $now,
         ]);
-        sleep(1);
+        DB::table('notes')
+            ->where('id', $noteCapitalHashtag->id)
+            ->update(['updated_at' => $now->toDateTimeString()]);
+
+        $now = Carbon::now()->subHours(2);
         $noteWithCodeContent = <<<EOF
 A note with some code:
 ```php
@@ -118,6 +192,10 @@ echo 'Hello World';
 EOF;
         $noteWithCode = Note::create([
             'note' => $noteWithCodeContent,
+            'created_at' => $now,
         ]);
+        DB::table('notes')
+            ->where('id', $noteWithCode->id)
+            ->update(['updated_at' => $now->toDateTimeString()]);
     }
 }

package.json

@@ -9,18 +9,27 @@
         "puppeteer": "^1.18.1"
     },
     "devDependencies": {
+        "css-loader": "^3.1.0",
         "husky": "^3.0.0",
         "lint-staged": "^9.2.0",
-        "pre-commit": "^1.1.3"
+        "mini-css-extract-plugin": "^0.8.0",
+        "node-sass": "^4.12.0",
+        "pre-commit": "^1.1.3",
+        "sass-loader": "^7.1.0",
+        "style-loader": "^0.23.1",
+        "stylelint": "^10.1.0",
+        "webpack": "^4.36.1",
+        "webpack-cli": "^3.3.6"
     },
     "scripts": {
         "compress": "scripts/compress",
         "copy-dist": "cp ./node_modules/normalize.css/normalize.css ./public/assets/frontend/",
-        "lint:es6": "eslint resources/es6-orig/*.js",
+        "lint:es6": "eslint resources/es/*.js",
-        "lint:sass": "stylelint --syntax=scss resources/sass-orig/**/*.scss",
+        "lint:sass": "stylelint --syntax=scss resources/sass/**/*.scss",
         "make": "npm run make:css && npm run make:js",
         "make:css": "npm run lint:sass && npm run sass && npm run postcss",
-        "make:js": "npm run lint:es6 && npm run webpack && npm run uglifyjs"
+        "make:js": "npm run lint:es6 && npm run webpack && npm run uglifyjs",
+        "webpack": "webpack"
     },
     "husky": {
         "hooks": {

public/assets/app.css

@@ -0,0 +1,5 @@
+body {
+  font-family: "Comic Sans MS", cursive; }
+
+
+/*# sourceMappingURL=app.css.map*/

public/assets/app.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./resources/sass/app.scss"],"names":[],"mappings":"AAAA;EACI,qCAAqC","file":"app.css","sourcesContent":["body {\n    font-family: \"Comic Sans MS\", cursive;\n}\n"],"sourceRoot":""}

public/assets/css-orig/app.css

@@ -0,0 +1,2 @@
+html{font-family:montserrat, sans-serif;font-weight:300;font-style:normal;font-size:20px}h1{font-family:bebas-neue, sans-serif;font-weight:400;font-style:normal}code{font-family:"Operator Mono", monospace}#topheader{display:flex;width:100vw;flex-direction:column;align-items:center;background-color:var(--black)}#topheader a{color:var(--white);text-decoration:none}#topheader h1{margin-top:0;padding-top:1rem;font-size:3rem}#topheader nav{padding-bottom:1rem;font-size:1.5rem}main{display:flex;flex-direction:column;align-items:center;background-color:var(--white);color:var(--black)}main a{color:var(--blue);text-decoration:none}main .h-entry{margin:3rem 0}.pagination{display:flex;flex-direction:row;align-items:center;justify-content:space-around;list-style-type:none;width:40rem}@media screen and (max-width: 40rem){.pagination{width:95vw}}.personal-bio{width:40rem}@media screen and (max-width: 40rem){.personal-bio{width:95vw}}article.h-entry{width:40rem}.h-entry .note{width:40rem}@media screen and (max-width: 40rem){.h-entry .note{width:95vw}.h-entry .note .e-content img{width:100%}}footer{display:flex;flex-direction:column;align-items:center;background-color:var(--white);color:var(--black)}footer a{color:var(--blue);text-decoration:none}footer form:first-child{margin-bottom:1rem}footer p{margin-bottom:0}@media screen and (max-width: 40rem){footer img{width:95%}footer form{width:95vw}footer select{width:90vw}}.map{height:200px}.note-metadata{display:flex;flex-direction:row;justify-content:space-between}.note-metadata .social-links{flex-direction:row}.note-metadata .social-links svg{height:1em;width:auto}span[role=img][aria-label]{position:relative}span[role=img][aria-label]:focus::after,span[role=img][aria-label]:hover::after{position:absolute;display:block;z-index:1;bottom:1.5em;left:0;padding:0.5em 0.75em;border:0.05em solid #fff;border-radius:0.2em;box-shadow:0.15em 0.15em 0.5em #000;content:attr(aria-label);background-color:rgba(0,0,0,0.85);color:#fff;font-size:80%;-webkit-animation:TOOLTIP 0.1s ease-out 1;animation:TOOLTIP 0.1s ease-out 1}@-webkit-keyframes TOOLTIP{from{bottom:0.5em;background-color:rgba(0,0,0,0);border:0.05em solid rgba(255,255,255,0);color:rgba(255,255,255,0);box-shadow:0 0 0 #000}to{bottom:1.5em;background-color:rgba(0,0,0,0.85);border:0.05em solid #fff;color:#fff;box-shadow:0.15em 0.15em 0.5em #000}}@keyframes TOOLTIP{from{bottom:0.5em;background-color:rgba(0,0,0,0);border:0.05em solid rgba(255,255,255,0);color:rgba(255,255,255,0);box-shadow:0 0 0 #000}to{bottom:1.5em;background-color:rgba(0,0,0,0.85);border:0.05em solid #fff;color:#fff;box-shadow:0.15em 0.15em 0.5em #000}}@media print{span[role=img][aria-label]::after{content:" (" attr(aria-label) ") "}}
+/*# sourceMappingURL=app.css.map */

public/assets/css-orig/app.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../resources/sass/_base.scss","../../../resources/sass/_site-header.scss","../../../resources/sass/_main.scss","../../../resources/sass/_pagination.scss","../../../resources/sass/_bio.scss","../../../resources/sass/_articles.scss","../../../resources/sass/_notes.scss","../../../resources/sass/_footer.scss","../../../resources/sass/_mapbox.scss","../../../resources/sass/_syndication.scss","../../../resources/sass/_emoji.scss"],"names":[],"mappings":"AAGA,KACI,kCAAmC,CACnC,eAAgB,CAChB,iBAAkB,CAClB,cAAe,CAClB,GAGG,kCAAmC,CACnC,eAAgB,CAChB,iBAAkB,CACrB,KAGG,sCAAuC,CAC1C,WCfG,YAAa,CACb,WAAY,CACZ,qBAAsB,CACtB,kBAAmB,CACnB,6BAA8B,CALlC,aAQQ,kBAAmB,CACnB,oBAAqB,CAT7B,cAaQ,YAAa,CACb,gBAAiB,CACjB,cAAe,CAfvB,eAmBQ,mBAAoB,CACpB,gBAAiB,CACpB,KCpBD,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,6BAA8B,CAC9B,kBAAmB,CALvB,OAQQ,iBAAkB,CAClB,oBAAqB,CAT7B,cAaQ,aAAc,CACjB,YCbD,YAAa,CACb,kBAAmB,CACnB,kBAAmB,CACnB,4BAA6B,CAC7B,oBAAqB,CACrB,WHaa,CGZhB,qCAGG,YACI,UAAW,CACd,CCZL,cACI,WJkBa,CIjBhB,qCAGG,cACI,UAAW,CACd,CCPL,gBACI,WLkBa,CKjBhB,eCDG,WNkBa,CMjBhB,qCAGG,eACI,UAAW,CADf,8BAKY,UAAW,CACd,CCXb,OACI,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,6BAA8B,CAC9B,kBAAmB,CALvB,SAQQ,iBAAkB,CAClB,oBAAqB,CAT7B,wBAaQ,kBAAmB,CAb3B,SAiBQ,eAAgB,CACnB,qCAID,WAEQ,SAAU,CAFlB,YAMQ,UAAW,CANnB,cAUQ,UAAW,CACd,CCjCT,KACI,YAAa,CAChB,eCDG,YAAa,CACb,kBAAmB,CACnB,6BAA8B,CAHlC,6BAMQ,kBAAmB,CAN3B,iCASY,UAAW,CACX,UAAW,CACd,2BCRL,iBAAkB,CACrB,gFAIG,iBAAkB,CAClB,aAAc,CACd,SAAU,CACV,YAAa,CACb,MAAO,CACP,oBAAqB,CACrB,wBAA2C,CAC3C,mBAAoB,CACpB,mCAAgD,CAChD,wBAAyB,CACzB,iCAAqC,CACrC,UAA6B,CAC7B,aAAc,CACd,yCAAW,CAAX,iCAAkC,CACrC,2BAGG,KACI,YAAa,CACb,8BAAkC,CAClC,uCAA2C,CAC3C,yBAA6B,CAC7B,qBAAkC,CAGtC,GACI,YAAa,CACb,iCAAqC,CACrC,wBAA2C,CAC3C,UAA6B,CAC7B,mCAAgD,CAAA,CAhBvD,mBAGG,KACI,YAAa,CACb,8BAAkC,CAClC,uCAA2C,CAC3C,yBAA6B,CAC7B,qBAAkC,CAGtC,GACI,YAAa,CACb,iCAAqC,CACrC,wBAA2C,CAC3C,UAA6B,CAC7B,mCAAgD,CAAA,CAIxD,aACI,kCACI,kCAAmC,CACtC","file":"app.css"}

public/assets/css-orig/colours/base16-3024.css

@@ -0,0 +1,19 @@
+/* base16-3024.css */
+:root {
+    --black: #090300; /* base00*/
+    --red: #db2d20; /* base08 */
+    --green: #01a252; /* base0B */
+    --yellow: #fded02; /* base0A */
+    --blue: #01a0e4; /* base0D */
+    --magenta: #a16a94; /* base0E */
+    --cyan: #b5e4f4; /* base0C */
+    --white: #a5a2a2; /* base05 */
+    --brblack: #5c5855; /* base03 */
+    --brred: #db2d20; /* base08 */
+    --brgreen: #01a252; /* base0B */
+    --bryellow: #fded02; /* base0A */
+    --brblue: #01a0e4; /* base0D */
+    --brmagenta: #a16a94; /* base0E */
+    --brcyan: #b5e4f4; /* base0C */
+    --brwhite: #f7f7f7; /* base07 */
+}

public/assets/css-orig/colours/base16-apathy.css

@@ -0,0 +1,19 @@
+/* base16-apathy.css */
+:root {
+    --black: #031A16; /* base00*/
+    --red: #3E9688; /* base08 */
+    --green: #883E96; /* base0B */
+    --yellow: #3E4C96; /* base0A */
+    --blue: #96883E; /* base0D */
+    --magenta: #4C963E; /* base0E */
+    --cyan: #963E4C; /* base0C */
+    --white: #81B5AC; /* base05 */
+    --brblack: #2B685E; /* base03 */
+    --brred: #3E9688; /* base08 */
+    --brgreen: #883E96; /* base0B */
+    --bryellow: #3E4C96; /* base0A */
+    --brblue: #96883E; /* base0D */
+    --brmagenta: #4C963E; /* base0E */
+    --brcyan: #963E4C; /* base0C */
+    --brwhite: #D2E7E4; /* base07 */
+}

public/assets/css-orig/colours/base16-ashes.css

@@ -0,0 +1,19 @@
+/* base16-ashes.css */
+:root {
+    --black: #1C2023; /* base00*/
+    --red: #C7AE95; /* base08 */
+    --green: #95C7AE; /* base0B */
+    --yellow: #AEC795; /* base0A */
+    --blue: #AE95C7; /* base0D */
+    --magenta: #C795AE; /* base0E */
+    --cyan: #95AEC7; /* base0C */
+    --white: #C7CCD1; /* base05 */
+    --brblack: #747C84; /* base03 */
+    --brred: #C7AE95; /* base08 */
+    --brgreen: #95C7AE; /* base0B */
+    --bryellow: #AEC795; /* base0A */
+    --brblue: #AE95C7; /* base0D */
+    --brmagenta: #C795AE; /* base0E */
+    --brcyan: #95AEC7; /* base0C */
+    --brwhite: #F3F4F5; /* base07 */
+}

public/assets/css-orig/colours/base16-atelier-cave-light.css

@@ -0,0 +1,19 @@
+/* base16-atelier-cave-light.css */
+:root {
+    --black: #efecf4; /* base00*/
+    --red: #be4678; /* base08 */
+    --green: #2a9292; /* base0B */
+    --yellow: #a06e3b; /* base0A */
+    --blue: #576ddb; /* base0D */
+    --magenta: #955ae7; /* base0E */
+    --cyan: #398bc6; /* base0C */
+    --white: #585260; /* base05 */
+    --brblack: #7e7887; /* base03 */
+    --brred: #be4678; /* base08 */
+    --brgreen: #2a9292; /* base0B */
+    --bryellow: #a06e3b; /* base0A */
+    --brblue: #576ddb; /* base0D */
+    --brmagenta: #955ae7; /* base0E */
+    --brcyan: #398bc6; /* base0C */
+    --brwhite: #19171c; /* base07 */
+}

public/assets/css-orig/colours/base16-atelier-cave.css

@@ -0,0 +1,19 @@
+/* base16-atelier-cave.css */
+:root {
+    --black: #19171c; /* base00*/
+    --red: #be4678; /* base08 */
+    --green: #2a9292; /* base0B */
+    --yellow: #a06e3b; /* base0A */
+    --blue: #576ddb; /* base0D */
+    --magenta: #955ae7; /* base0E */
+    --cyan: #398bc6; /* base0C */
+    --white: #8b8792; /* base05 */
+    --brblack: #655f6d; /* base03 */
+    --brred: #be4678; /* base08 */
+    --brgreen: #2a9292; /* base0B */
+    --bryellow: #a06e3b; /* base0A */
+    --brblue: #576ddb; /* base0D */
+    --brmagenta: #955ae7; /* base0E */
+    --brcyan: #398bc6; /* base0C */
+    --brwhite: #efecf4; /* base07 */
+}

public/assets/css-orig/colours/base16-atelier-dune-light.css

@@ -0,0 +1,19 @@
+/* base16-atelier-dune-light.css */
+:root {
+    --black: #fefbec; /* base00*/
+    --red: #d73737; /* base08 */
+    --green: #60ac39; /* base0B */
+    --yellow: #ae9513; /* base0A */
+    --blue: #6684e1; /* base0D */
+    --magenta: #b854d4; /* base0E */
+    --cyan: #1fad83; /* base0C */
+    --white: #6e6b5e; /* base05 */
+    --brblack: #999580; /* base03 */
+    --brred: #d73737; /* base08 */
+    --brgreen: #60ac39; /* base0B */
+    --bryellow: #ae9513; /* base0A */
+    --brblue: #6684e1; /* base0D */
+    --brmagenta: #b854d4; /* base0E */
+    --brcyan: #1fad83; /* base0C */
+    --brwhite: #20201d; /* base07 */
+}