Add CSS Theme app. | And a commit that I don't know the reason of... (C) whatthecommit.com

daggerok · daggerok · commit 91dba7cc56fb · 2020-03-27T01:08:29.000+02:00
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -1,6 +1,40 @@
 name: CI
 on: [push]
 jobs:
+  css-theme:
+    strategy:
+      matrix:
+        os: [ubuntu-latest]
+        nodejs-version: [12]
+        python-version: [3.8]
+    runs-on: ${{ matrix.os }}
+    name: css-theme (${{ matrix.os }} OS, python ${{ matrix.python-version }}, NodeJS ${{ matrix.nodejs-version }})
+    steps:
+      - name: Set up NodeJS ${{ matrix.nodejs-version }}
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.nodejs-version }}
+      - name: Set up Python ${{ matrix.python-version }}
+        uses: actions/setup-python@v1
+        with:
+          python-version: ${{ matrix.python-version }}
+      - name: Install / upgrade pip
+        run: python -m pip install --upgrade pip setuptools
+      - name: Install HTTPie
+        run: pip install --upgrade httpie
+      - name: Install required npm packages globally
+        run: npm install -g wait-port
+      - name: Clone git project
+        uses: actions/checkout@v2
+      - name: Install, run, wait and test
+        shell: bash
+        run: |
+          cd $GITHUB_WORKSPACE/css-theme && npm i
+          cd $GITHUB_WORKSPACE/css-theme && npm start
+          cd $GITHUB_WORKSPACE/css-theme && npm run logs &
+          wait-port 1234
+          http get :1234
+          cd $GITHUB_WORKSPACE/css-theme && npm stop
   basic-grid:
     strategy:
       matrix:
diff --git a/css-theme/package.json b/css-theme/package.json
@@ -0,0 +1,66 @@
+{
+  "name": "css-theme-app",
+  "version": "1.0.0",
+  "description": "Grid CSS 20200327",
+  "main": "index.js",
+  "scripts": {
+    "dev": "parcel src/index.html --no-cache",
+    "prebuild": "rimraf dist",
+    "build": "parcel build src/index.html --no-cache",
+    "preserve": "npm run build",
+    "serve": "browser-sync start --no-notify --single -s ./dist/",
+    "start": "pm2 start 'npm run dev' --name app",
+    "restart": "pm2 restart app",
+    "stop": "pm2 kill",
+    "logs": "pm2 logs",
+    "gh": "npm run build -- --public-url /css-examples/",
+    "predeploy": "npm run gh",
+    "deploy": "gh-pages -e ./ -d ./dist -s '{*.*,.*,*,**}' --branch gh-pages --dotfiles=true -m \"Github Pages $(date +%Y-%m-%d) deployment\""
+  },
+  "keywords": [
+    "ncp",
+    "pm2",
+    "scss",
+    "rimraf",
+    "parcel",
+    "gh-pages",
+    "webfontloader",
+    "css-grid",
+    "basic-grid",
+    "auto-fit",
+    "auto-fill"
+  ],
+  "author": "Maksim Kostromin <daggerok@gmail.com> (https://github.com/daggerok)",
+  "license": "MIT",
+  "devDependencies": {
+    "@types/node": "13.9.0",
+    "@types/webfontloader": "1.6.29",
+    "babel-core": "^6.26.3",
+    "babel-preset-env": "1.7.0",
+    "gh-pages": "2.2.0",
+    "ncp": "2.0.0",
+    "parcel-bundler": "1.12.4",
+    "pm2": "4.2.3",
+    "rimraf": "3.0.2",
+    "sass": "1.26.3",
+    "typescript": "3.8.3",
+    "webfontloader": "1.6.28"
+  },
+  "babel": {
+    "presets": [
+      [
+        "env",
+        {
+          "targets": {
+            "browsers": [
+              "last 2 versions",
+              "safari >= 7",
+              "chrome >= 36",
+              "firefox >= 28"
+            ]
+          }
+        }
+      ]
+    ]
+  }
+}
diff --git a/css-theme/src/app.ts b/css-theme/src/app.ts
@@ -0,0 +1,9 @@
+import * as WebFont from 'webfontloader';
+
+WebFont.load({
+  google: {
+    families: [
+      'Roboto',
+    ],
+  },
+});
diff --git a/css-theme/src/base.scss b/css-theme/src/base.scss
@@ -0,0 +1,13 @@
+body,
+html {
+  height: 100vh;
+}
+
+* {
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: 'Roboto', sans-serif;
+}
diff --git a/css-theme/src/favicon.ico b/css-theme/src/favicon.ico
diff --git a/css-theme/src/index.html b/css-theme/src/index.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <link rel="stylesheet" href="./base.scss">
+  <link rel="stylesheet" href="./main.scss">
+  <title>css theme</title>
+</head>
+<body>
+<script src="./app.ts"></script>
+</body>
+</html>
diff --git a/css-theme/src/main.scss b/css-theme/src/main.scss
