feat: initial commit

Co-authored-by: danielwerg <[email protected]>
marcopixel · Dec 18, 2023 · 74dfd34 · 74dfd34
commit 74dfd34
Show file tree

Hide file tree

Showing 56 changed files with 10,010 additions and 0 deletions.
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,9 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
diff --git a/.eslintrc b/.eslintrc
@@ -0,0 +1,18 @@
+{
+  "root": true,
+  "env": {
+    "browser": true,
+    "es2021": true,
+    "node": true
+  },
+  "parser": "vue-eslint-parser",
+  "parserOptions": {
+    "parser": "@typescript-eslint/parser",
+    "sourceType": "module"
+  },
+  "extends": ["plugin:@typescript-eslint/recommended", "plugin:vue/vue3-recommended", "plugin:prettier-vue/recommended"],
+  "plugins": [],
+  "rules": {
+    "vue/script-setup-uses-vars": "error"
+  }
+}
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -0,0 +1,27 @@
+name: Deploy to Github Pages
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [18.x]
+    steps:
+      - uses: actions/checkout@v4
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node-version }}
+      - run: npm ci
+      - run: npm run build
+      - name: Deploy
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_branch: gh-pages
+          publish_dir: ./public
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,30 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+.vite-ssg-temp
+*.local
+.eslintcache
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# r6operators-website
+public/icons
+public/*.zip
diff --git a/.husky/.gitignore b/.husky/.gitignore
@@ -0,0 +1 @@
+_
diff --git a/.husky/pre-commit b/.husky/pre-commit
@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx lint-staged
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,6 @@
+{
+  "semi": false,
+  "arrowParens": "always",
+  "singleQuote": false,
+  "printWidth": 180
+}
diff --git a/.stylelintrc b/.stylelintrc
@@ -0,0 +1,12 @@
+{
+  "extends": ["stylelint-config-standard-scss", "stylelint-config-recommended-vue/scss"],
+  "rules": {
+    "color-hex-length": "long",
+    "color-function-notation": [
+      "modern",
+      {
+        "ignore": ["with-var-inside"]
+      }
+    ]
+  }
+}
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin", "editorconfig.editorconfig", "dbaeumer.vscode-eslint", "esbenp.prettier-vscode"]
+}
diff --git a/README.md b/README.md
@@ -0,0 +1,33 @@
+# r6operators-website
+
+This repo contains the website for the [r6operators](https://github.com/marcopixel/r6operators) project.
+To visit the actual website, go to [r6operators.marcopixel.eu](https://r6operators.marcopixel.eu)
+
+This website is built with Vue 3 and Vite.
+
+## Installation
+
+```shell
+# Download the repo
+git clone https://github.com/marcopixel/r6operators-website.git
+
+# Enter the repo
+cd r6operators-website
+
+# Install the dependencies
+npm install
+
+# Start local development
+npm run dev
+
+# Build website + static files
+npm run build
+```
+
+> **Note:** This requires Node.js and npm to be set up locally, see [nodejs.org](https://nodejs.org) for more information.
+
+## License
+
+r6operators-website is licensed under the [MIT License](https://github.com/marcopixel/r6operators-website/blob/master/LICENSE).
+
+This project is not affiliated with Ubisoft Entertainment. Tom Clancy’s, Rainbow Six, The Soldier Icon, Ubisoft and the Ubisoft logo are trademarks of Ubisoft Entertainment.
diff --git a/index.html b/index.html
@@ -0,0 +1,42 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+    <!-- HTML Meta Tags -->
+    <title>r6operators - Rainbow Six: Siege operator icons</title>
+    <meta name="robots" content="index,follow" />
+    <meta name="author" content="Marco Vockner" />
+    <meta name="description" content="r6operators is a collection of high-quality vectorized Rainbow Six: Siege Operator icons & metadata for Node.js" />
+    <meta name="keywords" content="r6operators, rainbow six, rainbow six siege, rainbow six siege operators, rainbow six siege, rainbow6, ubisoft, operator, icons, node" />
+    <meta name="theme-color" content="#383f49" />
+
+    <!-- Favicons -->
+    <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicons/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicons/favicon-16x16.png" />
+
+    <!-- Facebook Meta Tags -->
+    <meta property="og:url" content="https://r6operators.marcopixel.eu/" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="r6operators" />
+    <meta property="og:description" content="r6operators is a collection of high-quality vectorized Rainbow Six: Siege Operator icons & metadata for Node.js" />
+    <meta property="og:image" content="https://r6operators.marcopixel.eu/opengraph.png" />
+
+    <!-- Twitter Meta Tags -->
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta property="twitter:domain" content="r6operators.marcopixel.eu" />
+    <meta property="twitter:url" content="https://r6operators.marcopixel.eu/" />
+    <meta name="twitter:title" content="r6operators" />
+    <meta name="twitter:description" content="r6operators is a collection of high-quality vectorized Rainbow Six: Siege Operator icons & metadata for Node.js" />
+    <meta name="twitter:image" content="https://r6operators.marcopixel.eu/opengraph.png" />
+    <meta name="twitter:creator" content="@marcovockner" />
+
+    <!-- Google Search Console -->
+    <meta name="google-site-verification" content="29qyhfrFPVjSUBs3g7813UqfBu_EfynWsWQqZPg2nfA" />
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>