Updated to latest docs

Author: FlorianRappl

.github/workflows/ci.yml

@@ -3,11 +3,16 @@ name: CI
 on:
   push:
     branches: [main]
+  release:
+    types:
+      - created
 
 jobs:
-  build:
+  deploy_www:
     runs-on: ubuntu-latest
 
+    if: ${{ github.event_name == 'push' }}
+
     steps:
     - uses: actions/checkout@v2
 
@@ -34,12 +39,29 @@ jobs:
       env:
         GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
+  release_npm:
+    runs-on: ubuntu-latest
+
+    if: ${{ github.event_name == 'release' }}
+
+    steps:
+    - uses: actions/checkout@v2
+
+    - name: Use Node.js
+      uses: actions/setup-node@v1
+      with:
+        node-version: "14.x"
+        registry-url: 'https://registry.npmjs.org'
+
+    - name: Install Dependencies
+      run: |
+        npm install
+
     - name: Build SDK with Piral
       run: |
         npm run build:sdk
 
     - name: Publish NPM Package
-      continue-on-error: true
       run: |
         mv dist/emulator/*.tgz sdk.tgz
         npm publish sdk.tgz --access public

CHANGELOG.md

@@ -10,7 +10,6 @@
     "./src/styles.css"
   ],
   "outputDir": "./dist",
-  "changelogFile": "./CHANGELOG.md",
   "components": {
     "logo": "./src/Logo.tsx",
     "footer": "./src/Footer.tsx",
@@ -22,6 +21,7 @@
   },
   "helpers": {
     "setup": "./src/setup.tsx",
+    "plugins": "./src/plugins.ts",
     "requestPilets": "./src/requestPilets.ts"
   },
   "layouts": {

docs.config.json

@@ -1,6 +1,6 @@
 {
   "name": "@anglesharp/website",
-  "version": "1.0.3",
+  "version": "1.1.0",
   "description": "The official website of the AngleSharp project.",
   "author": "Florian Rappl",
   "license": "MIT",
@@ -39,6 +39,6 @@
     "gh-pages": "^3.2.0",
     "piral-cli": "^0.13.3-pre.2480",
     "piral-cli-parcel": "^0.13.3-pre.2480",
-    "piral-docs-tools": "^0.8.2"
+    "piral-docs-tools": "^0.9.0"
   }
 }

package-lock.json

@@ -0,0 +1,17 @@
+import type { PiralPlugin } from "piral-docs-tools";
+
+const plugins: Array<PiralPlugin> = [
+  (context) => ({
+    setDocDetails(details) {
+      context.dispatch((state) => ({
+        ...state,
+        docs: {
+          ...state.docs,
+          ...details,
+        },
+      }));
+    },
+  }),
+];
+
+export default plugins;

package.json

@@ -1,3 +1,8 @@
-import { PiletApi } from 'piral-docs-tools';
+import { PiletApi } from "piral-docs-tools";
 
-export default function setup(api: PiletApi) {}
+export default function setup(api: PiletApi) {
+  api.setDocDetails({
+    // set default version
+    version: "0.15.0",
+  });
+}

src/plugins.ts

@@ -1,3 +1,7 @@
+body {
+  overflow-x: hidden;
+}
+
 span.red {
   color: #E21D1D;
 }
@@ -14,6 +18,10 @@ span.red {
   margin: 0 -15px;
 }
 
+.homepage .row > div {
+  margin: 1rem;
+}
+
 .homepage .row .half-width {
   flex: 1 1 400px;
   padding: 0 15px;
@@ -273,7 +281,7 @@ footer .right {
   list-style: outside none none !important;
 }
 
-@media(max-width:1200px) {
+@media(max-width: 1200px) {
   .headline-large h1 {
     font-size: 140px;
   }
@@ -297,9 +305,13 @@ footer .right {
   .feature-heading {
     font-size: 35px;
   }
+
+  .pull-left, .pull-right {
+    float: none !important;
+  }
 }
 
-@media(max-width:991px) {
+@media(max-width: 991px) {
   .headline-large h1 {
     font-size: 105px;
   }
@@ -329,9 +341,10 @@ footer .right {
   }
 }
 
-@media(max-width:768px) {
+@media(max-width: 768px) {
   .container {
     margin: 0 15px;
+    width: auto;
   }
 
   .divider {
@@ -349,10 +362,11 @@ footer .right {
 
   .feature-heading {
     font-size: 25px;
+    word-break: break-all;
   }
 }
 
-@media(max-width:668px) {
+@media(max-width: 668px) {
   .headline-large h1 {
     font-size: 70px;
   }
@@ -371,7 +385,7 @@ footer .right {
   }
 }
 
-@media(max-width:640px) {
+@media(max-width: 640px) {
   .headline-large {
     padding: 75px 0 25px 0;
   }
@@ -390,7 +404,7 @@ footer .right {
   }
 }
 
-@media(max-width:375px) {
+@media(max-width: 375px) {
   .feature-divider {
     margin: 10px 0;
   }

src/setup.tsx

@@ -0,0 +1,9 @@
+import type {} from "piral-core";
+
+declare module "piral-core/lib/types/custom" {
+  interface PiletCustomApi extends AngleSharpDocletApi {}
+}
+
+export interface AngleSharpDocletApi {
+  setDocDetails(details: { version?: string; updated?: string }): void;
+}