better grepping (C) whatthecommit.com

Author: daggerok

.github/workflows/ci.yml

@@ -1,14 +1,46 @@
 name: CI
 on: [push]
 jobs:
+  css-gradient:
+    strategy:
+      matrix:
+        os: [ubuntu-latest]
+        nodejs-version: [12]
+        python-version: [3.8]
+    runs-on: ${{ matrix.os }}
+    name: css-gradient ${{ 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-gradient && npm i
+          cd $GITHUB_WORKSPACE/css-gradient && npm run dev &
+          wait-port 1234
+          http get :1234
   css-correct-way-to-inline-blocks-with-flex:
     strategy:
       matrix:
         os: [ubuntu-latest]
         nodejs-version: [12]
         python-version: [3.8]
     runs-on: ${{ matrix.os }}
-    name: ${{ matrix.os }} OS, python ${{ matrix.python-version }}, NodeJS ${{ matrix.nodejs-version }}
+    name: css-correct-way-to-inline-blocks-with-flex ${{ matrix.os }} OS, python ${{ matrix.python-version }}, NodeJS ${{ matrix.nodejs-version }}
     steps:
       - name: Set up NodeJS ${{ matrix.nodejs-version }}
         uses: actions/setup-node@v1
@@ -45,7 +77,7 @@ jobs:
         nodejs-version: [12]
         python-version: [3.8]
     runs-on: ${{ matrix.os }}
-    name: ${{ matrix.os }} OS, python ${{ matrix.python-version }}, NodeJS ${{ matrix.nodejs-version }}
+    name: css-boxing-model-and-layout-basics ${{ matrix.os }} OS, python ${{ matrix.python-version }}, NodeJS ${{ matrix.nodejs-version }}
     steps:
       - name: Set up NodeJS ${{ matrix.nodejs-version }}
         uses: actions/setup-node@v1

.travis.yml

@@ -29,6 +29,18 @@ before_install:
   - stop_any 80 3000 5000 8080 5432
 jobs:
   include:
+    - stage: test
+      name: css-gradient
+      env:
+        - MY_PROJECT_NAME=css-gradient
+      before_script:
+        - cd $TRAVIS_BUILD_DIR/$MY_PROJECT_NAME && npm i
+        - cd $TRAVIS_BUILD_DIR/$MY_PROJECT_NAME && npm start
+        - wait_for 1234
+      script:
+        - http :1234
+        - http :1234/
+      after_script: cd $TRAVIS_BUILD_DIR/$MY_PROJECT_NAME && npm stop
     - stage: test
       name: css-correct-way-to-inline-blocks-with-flex
       env:
@@ -95,18 +107,18 @@ jobs:
         - cd $TRAVIS_BUILD_DIR/random-tachyons-button-styling
         - npm i
         - npm run predeploy
-    - stage: test
-      name: parcel-starter
-      script:
-        - cd $TRAVIS_BUILD_DIR/parcel-starter
-        - npm i
-        - npm run predeploy
-    - stage: test
-      name: simple-starter
-      script:
-        - cd $TRAVIS_BUILD_DIR/simple-starter
-        - npm i
-        - npm run predeploy
+    #- stage: test
+    #  name: parcel-starter
+    #  script:
+    #    - cd $TRAVIS_BUILD_DIR/parcel-starter
+    #    - npm i
+    #    - npm run predeploy
+    #- stage: test
+    #  name: simple-starter
+    #  script:
+    #    - cd $TRAVIS_BUILD_DIR/simple-starter
+    #    - npm i
+    #    - npm run predeploy
     - stage: deploy
       name: GitHub pages deploy
       script: skip

css-gradient/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "nestjs-example",
+  "version": "0.0.1",
+  "description": "Learn css box model and simple layout",
+  "author": "daggerok",
+  "license": "MIT",
+  "scripts": {
+    "gh": "parcel build --public-url='/css-examples/' src/index.html",
+    "build": "parcel build src/index.html",
+    "dev": "parcel src/index.html",
+    "start": "pm2 start 'npm run dev' --name app",
+    "restart": "pm2 restart app",
+    "stop": "pm2 kill",
+    "logs": "pm2 logs"
+  },
+  "keywords": [
+    "pm2",
+    "parcel"
+  ],
+  "devDependencies": {
+    "parcel-bundler": "1.12.4",
+    "pm2": "4.2.3"
+  }
+}

css-gradient/src/.nojekyll

@@ -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">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>css gradient</title>
+  <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
+  <link rel="stylesheet" href="./main.css"/>
+</head>
+<body>
+
+<script src="./app.js"></script>
+</body>
+</html>

css-gradient/src/app.js

@@ -0,0 +1,22 @@
+/* defaults: don't touch it */
+
+body,
+html,
+h3 {
+    /* margin: 0; <- do not do that! */
+    padding: 0;
+    border-width: 0;
+}
+
+/* custom: start here */
+
+body {
+    font-family: sans-serif;
+    font-size: 1.1em;
+    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f24dc6+0,207ce5+100 */
+    background: #d74aac; /* Old browsers */
+    background: -moz-linear-gradient(left, #d74aac 0%, #207ce5 100%); /* FF3.6-15 */
+    background: -webkit-linear-gradient(left, #d74aac 0%,#207ce5 100%); /* Chrome10-25,Safari5.1-6 */
+    background: linear-gradient(to right, #d74aac 0%,#207ce5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f24dc6', endColorstr='#207ce5',GradientType=1 ); /* IE6-9 */
+}