repo reset & gridsome init

2021-07-31 12:30:22 +02:00
parent c285874dc4
commit 8c552ebf03
42 changed files with 6583 additions and 8816 deletions
--- a/.browserslistrc
+++ b/.browserslistrc
@@ -1,3 +0,0 @@
 > 1%
 last 2 versions
 not dead
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,18 +0,0 @@
 module.exports = {
  root: true,
  env: {
    node: true
  },
  'extends': [
    'plugin:vue/vue3-essential',
    'eslint:recommended',
    '@vue/typescript/recommended'
  ],
  parserOptions: {
    ecmaVersion: 2020
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
  }
 }
--- a/.gitignore
+++ b/.gitignore
@@ -1,23 +1,8 @@
 *.log
 .cache
 .DS_Store
 src/.temp
 node_modules
-/dist
+dist
-
+.env
-
+.env.*
 # local env files
 .env.local
 .env.*.local
 # Log files
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 pnpm-debug.log*
 # Editor directories and files
 .idea
 .vscode
 *.suo
 *.ntvs*
 *.njsproj
 *.sln
 *.sw?
--- a/README.md
+++ b/README.md
@@ -1,24 +1,14 @@
-# gractwo-site
+# Default starter for Gridsome
-## Project setup
+This is the project you get when you run `gridsome create new-project`.
 ```
 npm install
 ```
-### Compiles and hot-reloads for development
+### 1. Install Gridsome CLI tool if you don't have
 ```
 npm run serve
 ```
-### Compiles and minifies for production
+`npm install --global @gridsome/cli`
 ```
 npm run build
 ```
-### Lints and fixes files
+### 2. Create a Gridsome project
 ```
 npm run lint
 ```
-### Customize configuration
+1. `gridsome create my-gridsome-site` to install default starter
-See [Configuration Reference](https://cli.vuejs.org/config/).
+2. `cd my-gridsome-site` to open the folder
 3. `gridsome develop` to start a local dev server at `http://localhost:8080`
 4. Happy coding 🎉🙌
--- a/babel.config.js
+++ b/babel.config.js
@@ -1,5 +0,0 @@
 module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ]
 }
--- a/gridsome.config.js
+++ b/gridsome.config.js
@@ -0,0 +1,13 @@
 // This is where project configuration and plugin options are located.
 // Learn more: https://gridsome.org/docs/config
 // Changes here require a server restart.
 // To restart press CTRL + C in terminal and run `gridsome develop`
 module.exports = {
 	siteName: `Gractwo`,
 	siteDescription: `Jesteśmy społecznością - grupą ludzi - których kręcą gry. Proste, nie?`,
 	siteUrl: `https://gractwo.pl`,
 	titleTemplate: `Gractwo: %s`,
 	plugins: [],
 };
--- a/gridsome.server.js
+++ b/gridsome.server.js
@@ -0,0 +1,16 @@
 // Server API makes it possible to hook into various parts of Gridsome
 // on server-side and add custom data to the GraphQL data layer.
 // Learn more: https://gridsome.org/docs/server-api/
 // Changes here require a server restart.
 // To restart press CTRL + C in terminal and run `gridsome develop`
 module.exports = function (api) {
  api.loadSource(({ addCollection }) => {
    // Use the Data Store API here: https://gridsome.org/docs/data-store-api/
  })
  api.createPages(({ createPage }) => {
    // Use the Pages API here: https://gridsome.org/docs/pages-api/
  })
 }
--- a/netlify.toml
+++ b/netlify.toml
@@ -0,0 +1,7 @@
 [[redirects]]
  from = ["/discord","/dsc","/dc"]
  to = "https://discord.gg/NBXq95C"
 [[redirects]]
  from = ["/facebook","/fb"]
  to = "https://facebook.com/groups/gractwo"
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -1,35 +1,12 @@
 {
-  "name": "gractwo-site",
+  "name": "gractwo-pl",
  "version": "0.1.0",
  "private": true,
  "homepage": "http://jakubmanczak.github.io/gractwo-site",
  "scripts": {
-    "serve": "vue-cli-service serve",
+    "develop": "gridsome develop",
-    "build": "vue-cli-service build",
+    "explore": "gridsome explore",
-    "lint": "vue-cli-service lint",
+    "build": "gridsome build"
    "predeploy": "vue-cli-service build",
    "deploy": "gh-pages -d dist"
  },
  "dependencies": {
-    "core-js": "^3.6.5",
+    "gridsome": "^0.7.0"
    "vue": "^3.0.0",
    "vue-router": "^4.0.0-0"
  },
  "devDependencies": {
    "@typescript-eslint/eslint-plugin": "^4.18.0",
    "@typescript-eslint/parser": "^4.18.0",
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-plugin-router": "~4.5.0",
    "@vue/cli-plugin-typescript": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "@vue/compiler-sfc": "^3.0.0",
    "@vue/eslint-config-typescript": "^7.0.0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^7.0.0",
    "gh-pages": "^3.1.0",
    "sass": "^1.26.5",
    "sass-loader": "^8.0.2",
    "typescript": "~4.1.5"
  }
 }
--- a/public/404.html
+++ b/public/404.html
@@ -1,40 +0,0 @@
 <!DOCTYPE html>
 <html>
  <head>
    <meta charset="utf-8">
    <title>Single Page Apps for GitHub Pages</title>
    <script type="text/javascript">
      // Single Page Apps for GitHub Pages
      // MIT License
      // https://github.com/rafgraph/spa-github-pages
      // This script takes the current url and converts the path and query
      // string into just a query string, and then redirects the browser
      // to the new url with only a query string and hash fragment,
      // e.g. https://www.foo.tld/one/two?a=b&c=d#qwe, becomes
      // https://www.foo.tld/?/one/two&a=b~and~c=d#qwe
      // Note: this 404.html file must be at least 512 bytes for it to work
      // with Internet Explorer (it is currently > 512 bytes)
      // If you're creating a Project Pages site and NOT using a custom domain,
      // then set pathSegmentsToKeep to 1 (enterprise users may need to set it to > 1).
      // This way the code will only replace the route part of the path, and not
      // the real directory in which the app resides, for example:
      // https://username.github.io/repo-name/one/two?a=b&c=d#qwe becomes
      // https://username.github.io/repo-name/?/one/two&a=b~and~c=d#qwe
      // Otherwise, leave pathSegmentsToKeep as 0.
      var pathSegmentsToKeep = 0;
      var l = window.location;
      l.replace(
        l.protocol + '//' + l.hostname + (l.port ? ':' + l.port : '') +
        l.pathname.split('/').slice(0, 1 + pathSegmentsToKeep).join('/') + '/?/' +
        l.pathname.slice(1).split('/').slice(pathSegmentsToKeep).join('/').replace(/&/g, '~and~') +
        (l.search ? '&' + l.search.slice(1).replace(/&/g, '~and~') : '') +
        l.hash
      );
    </script>
  </head>
  <body>
  </body>
 </html>
--- a/public/CNAME
+++ b/public/CNAME
@@ -1 +0,0 @@
 gractwo.pl
--- a/public/gractwo-smol.png
+++ b/public/gractwo-smol.png
--- a/public/index.html
+++ b/public/index.html
@@ -1,40 +0,0 @@
 <!DOCTYPE html>
 <html lang="pl">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>gractwo-smol.png">
    <title>Gractwo</title>
    <meta name="description" content="Strona internetowa Gractwa.">
    <script type="text/javascript">
      // Single Page Apps for GitHub Pages
      // MIT License
      // https://github.com/rafgraph/spa-github-pages
      // This script checks to see if a redirect is present in the query string,
      // converts it back into the correct url and adds it to the
      // browser's history using window.history.replaceState(...),
      // which won't cause the browser to attempt to load the new url.
      // When the single page app is loaded further down in this file,
      // the correct url will be waiting in the browser's history for
      // the single page app to route accordingly.
      (function(l) {
        if (l.search[1] === '/' ) {
          var decoded = l.search.slice(1).split('&').map(function(s) { 
            return s.replace(/~and~/g, '&')
          }).join('?');
          window.history.replaceState(null, null,
              l.pathname.slice(0, -1) + decoded + l.hash
          );
        }
      }(window.location))
    </script>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
 </html>
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,116 +0,0 @@
 <template>
 	<!-- <div id="nav">
    <router-link to="/">Home</router-link> |
    <router-link to="/about">About</router-link>
  </div> -->
 	<nav>
 		<router-link to="/" class="gractwoRoot">
 			<img
 				alt="Vue logo"
 				src="./assets/gractwo-smol.png"
 				style="height: 50px"
 			/>
 			<h1>Gractwo</h1>
 		</router-link>
 		<div>
 			<!-- <router-link to="/">główna</router-link> -->
 			<!-- <router-link to="/o-nas">o nas</router-link> -->
 			<router-link to="/discord" target="_blank">discord</router-link>
 			<router-link to="/facebook" target="_blank">facebook</router-link>
 		</div>
 	</nav>
 	<main></main>
 	<router-view />
 </template>
 <style lang="scss">
 	@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');
 	@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@600&display=swap');
 	@import url('https://fonts.googleapis.com/css2?family=Material+Icons&display=swap');
 	:root {
 		--dark-bg: #1a1a1a;
 		--dark-bg2: #212121;
 		--dark-bg3: #313131;
 		--light: #c0c0c0;
 	}
 	* {
 		margin: 0;
 	}
 	body {
 		background-color: var(--dark-bg);
 		font-family: 'Lexend', sans-serif;
 		color: var(--light);
 		// overflow-y: scroll;
 		p{
 			font-family: 'Quicksand', sans-serif;
 		}
 		nav {
 			background-color: var(--dark-bg2);
 			display: flex;
 			flex-direction: row;
 			padding: 0.3em 1.5em;
 			* {
 				margin: 0 0.2em;
 			}
 			.gractwoRoot {
 				color: inherit;
 				text-decoration: inherit;
 				display: flex;
 				flex-direction: row;
 				transition-duration: 100ms;
 				&:focus,
 				&:hover {
 					transform: scale(1.05) rotate(2deg);
 				}
 				h1 {
 					font-size: 2.3rem;
 					letter-spacing: 0.05em;
 				}
 			}
 			div {
 				margin-left: 1rem;
 				display: flex;
 				flex-direction: row;
 				justify-content: center;
 				align-items: center;
 				* {
 					transition-duration: 100ms;
 					text-transform: uppercase;
 					font-size: 1.3rem;
 					color: inherit;
 					text-decoration: none;
 					opacity: 0.7;
 					margin: 0 0.7rem;
 					&:focus,
 					&:hover {
 						opacity: 1;
 						text-decoration: underline;
 						transform: translate(0, -0.1em);
 					}
 				}
 			}
 		}
 	}
 	::-webkit-scrollbar {
 		background-color: var(--dark-bg);
 		&:hover {
 			background-color: var(--dark-bg2);
 		}
 	}
 	::-webkit-scrollbar-thumb {
 		background-color: var(--dark-bg2);
 		border-radius: 16px;
 		border: 4px solid var(--dark-bg);
 		&:hover {
 			background-color: var(--dark-bg3);
 			border: 4px solid var(--dark-bg2);
 		}
 	}
 	@media only screen and (max-width: 872px) {
 		.gractwoRoot {
 			h1 {
 				display: none;
 			}
 		}
 	}
 </style>
--- a/src/assets/gractwo-smol.png
+++ b/src/assets/gractwo-smol.png
--- a/src/assets/gractwo.png
+++ b/src/assets/gractwo.png
--- a/src/assets/spis/adam.png
+++ b/src/assets/spis/adam.png
--- a/src/assets/spis/franek.png
+++ b/src/assets/spis/franek.png
--- a/src/assets/spis/j4mesen.png
+++ b/src/assets/spis/j4mesen.png
--- a/src/assets/spis/jarooko.png
+++ b/src/assets/spis/jarooko.png
--- a/src/assets/spis/mollin.png
+++ b/src/assets/spis/mollin.png
--- a/src/assets/spis/olek.png
+++ b/src/assets/spis/olek.png
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -1,62 +0,0 @@
 <template>
  <div class="hello">
    <h1>{{ msg }}</h1>
    <p>
      For a guide and recipes on how to configure / customize this project,<br>
      check out the
      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
    </p>
    <h3>Installed CLI Plugins</h3>
    <ul>
      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-router" target="_blank" rel="noopener">router</a></li>
      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-typescript" target="_blank" rel="noopener">typescript</a></li>
    </ul>
    <h3>Essential Links</h3>
    <ul>
      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
    </ul>
    <h3>Ecosystem</h3>
    <ul>
      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
    </ul>
  </div>
 </template>
 <script lang="ts">
 import { defineComponent } from 'vue';
 export default defineComponent({
  name: 'HelloWorld',
  props: {
    msg: String,
  },
 });
 </script>
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped lang="scss">
 h3 {
  margin: 40px 0 0;
 }
 ul {
  list-style-type: none;
  padding: 0;
 }
 li {
  display: inline-block;
  margin: 0 10px;
 }
 a {
  color: #42b983;
 }
 </style>
--- a/src/components/README.md
+++ b/src/components/README.md
@@ -0,0 +1,4 @@
 Add components that will be imported to Pages and Layouts to this folder.
 Learn more about components here: https://gridsome.org/docs/components/
 You can delete this file.
--- a/src/components/card.vue
+++ b/src/components/card.vue
@@ -1,67 +0,0 @@
 <template>
 	<router-link :to="link" class="card" target="_blank">
 		<img alt="" :src="require(`../assets/spis/${photo}`)" />
 		<div class="card-inner">
 			<p class="name">{{ name }}</p>
 			<p class="desc">{{ desc }}</p>
 		</div>
 	</router-link>
 </template>
 <script lang="ts">
 	import { defineComponent } from 'vue';
 	export default defineComponent({
 		name: 'card',
 		props: {
 			name: String,
 			photo: String,
 			desc: String,
 			link: String,
 		},
 	});
 </script>
 <style lang="scss" scoped>
 	.card {
 		background-color: var(--dark-bg2);
 		display: flex;
 		flex-direction: row;
 		margin: 1rem;
 		border-radius: 8px;
 		width: 24rem;
 		user-select: none;
 		color: inherit;
 		text-decoration: inherit;
 		transition-duration: 100ms;
 		img {
 			width: 84px;
 			border-radius: 8px 0 0 8px;
 		}
 		.card-inner {
 			padding: 0.2rem;
 			margin-left: 0.5rem;
 			.name {
 				font-size: 1.7rem;
 				letter-spacing: 0.1em;
 			}
 			.meta {
 				opacity: 0.5;
 			}
 		}
 		&:focus,
 		&:hover {
 			background-color: var(--dark-bg3);
 			transform: scale(1.05);
 		}
 	}
 	@media only screen and (max-width: 872px) {
 		.card {
 			font-size: 0.8em;
 			width: 18rem;
 			img {
 				width: 64px;
 			}
 		}
 	}
 </style>
--- a/src/components/gractwosvg.vue
+++ b/src/components/gractwosvg.vue
@@ -1,11 +0,0 @@
 <template>
  <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 640 640" width="640" height="640"><defs><path d="M131.35 206.17L67.52 411.84L76.03 508.3L120.71 526.03L158.3 510.43L234.89 437.38L320 416.1L350.5 299.08L325.67 192.7L295.18 192.7L288.09 198.37L214.33 198.37L202.98 187.02L148.37 187.02L131.35 206.17Z" id="c1KEj4xU1k"></path><path d="M93.05 411.84L97.3 493.4L119.29 504.04L146.24 496.24L220 417.52L297.3 395.53L320 313.97L299.43 288.44L252.62 292.7L238.44 320L209.01 344.47L161.84 341.63L123.55 320L93.05 411.84Z" id="ihZdDOksj"></path><path d="M450.5 204.04L485.96 179.93L528.51 179.93L580.99 250.14L585.25 301.21L602.27 345.18L607.94 425.32L588.09 478.51L559.01 487.73L528.51 476.38L474.61 428.87L359.01 433.83L336.31 414.68L361.84 327.45L353.33 233.83L368.94 209.72L450.5 204.04Z" id="e1ajrh1Ybj"></path><path d="M393.76 333.83L384.54 411.84L488.79 406.88L543.4 461.49L559.01 467.87L571.77 461.49L584.54 421.06L576.03 346.6L559.01 326.03L532.77 333.83L504.4 322.48L479.57 301.21L424.96 304.04L393.76 333.83Z" id="a5XNjHRD0B"></path></defs><g><g><g><use xlink:href="#c1KEj4xU1k" opacity="1" fill="#282828" fill-opacity="1"></use><g><use xlink:href="#c1KEj4xU1k" opacity="1" fill-opacity="0" stroke="#282828" stroke-width="1" stroke-opacity="1"></use></g></g><g><use xlink:href="#ihZdDOksj" opacity="1" fill="#1a1a1a" fill-opacity="1"></use><g><use xlink:href="#ihZdDOksj" opacity="1" fill-opacity="0" stroke="#1a1a1a" stroke-width="1" stroke-opacity="1"></use></g></g><g><use xlink:href="#e1ajrh1Ybj" opacity="1" fill="#282828" fill-opacity="1"></use><g><use xlink:href="#e1ajrh1Ybj" opacity="1" fill-opacity="0" stroke="#282828" stroke-width="1" stroke-opacity="1"></use></g></g><g><use xlink:href="#a5XNjHRD0B" opacity="1" fill="#1a1a1a" fill-opacity="1"></use><g><use xlink:href="#a5XNjHRD0B" opacity="1" fill-opacity="0" stroke="#1a1a1a" stroke-width="1" stroke-opacity="1"></use></g></g></g></g></svg>
 </template>
 <script lang="ts">
 import { defineComponent } from 'vue';
 export default defineComponent({
  name: 'gractwosvg',
 });
 </script>
--- a/src/favicon.png
+++ b/src/favicon.png
--- a/src/layouts/Default.vue
+++ b/src/layouts/Default.vue
@@ -0,0 +1,13 @@
 <template>
 	<div>
 		<slot />
 	</div>
 </template>
 <static-query>
 query {
  metadata {
    siteName
  }
 }
 </static-query>
--- a/src/layouts/README.md
+++ b/src/layouts/README.md
@@ -0,0 +1,5 @@
 Layout components are used to wrap pages and templates. Layouts should contain components like headers, footers or sidebars that will be used across the site.
 Learn more about Layouts: https://gridsome.org/docs/layouts/
 You can delete this file.
--- a/src/main.js
+++ b/src/main.js
@@ -0,0 +1,9 @@
 // This is the main.js file. Import global CSS and scripts here.
 // The Client API can be used here. Learn more: gridsome.org/docs/client-api
 import DefaultLayout from '~/layouts/Default.vue'
 export default function (Vue, { router, head, isClient }) {
  // Set default layout as a global component
  Vue.component('Layout', DefaultLayout)
 }
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,5 +0,0 @@
 import { createApp } from 'vue'
 import App from './App.vue'
 import router from './router'
 createApp(App).use(router).mount('#app')
--- a/src/pages/About.vue
+++ b/src/pages/About.vue
@@ -0,0 +1,11 @@
 <template>
 	<p>/about</p>
 </template>
 <script>
 export default {
 	metaInfo: {
 		title: 'about',
 	},
 };
 </script>
--- a/src/pages/Index.vue
+++ b/src/pages/Index.vue
@@ -0,0 +1,17 @@
 <template>
 	<div>
 		<p>
 			Strona w procesie przepisywania! 🎮❤ <br />
 			Linki /discord i /facebook nadal działają.
 		</p>
 		<p>/</p>
 	</div>
 </template>
 <script>
 export default {
 	metaInfo: {
 		title: 'główna',
 	},
 };
 </script>
--- a/src/pages/README.md
+++ b/src/pages/README.md
@@ -0,0 +1,5 @@
 Pages are usually used for normal pages or for listing items from a GraphQL collection.
 Add .vue files here to create pages. For example **About.vue** will be **site.com/about**.
 Learn more about pages: https://gridsome.org/docs/pages/
 You can delete this file.
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,100 +0,0 @@
 import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router';
 import Home from '../views/Home.vue';
 const routes: Array<RouteRecordRaw> = [
  {
    path: '/',
    name: 'Home',
    component: Home,
  },
  {
    path: '/discord',
    name: 'Discord',
    alias: ['/dsc', '/dc'],
    redirect: () => {
      window.location.replace('https://discord.gg/NBXq95C');
      return '/discord';
    },
  },
  {
    path: '/facebook',
    name: 'Facebook',
    alias: '/fb',
    redirect: () => {
      window.location.replace('https://facebook.com/groups/gractwo');
      return '/facebook';
    },
  },
  {
    path: '/github',
    name: 'GitHub',
    alias: '/git',
    redirect: () => {
      window.location.replace('https://github.com/Gractwo');
      return '/github';
    },
  },
  {
    path: '/j4mesen',
    name: 'j4mesen',
    redirect: () => {
      window.location.replace('https://manczak.net');
      return '/j4mesen';
    },
  },
  {
    path: '/kuolek',
    name: 'kuolek',
    redirect: () => {
      window.location.replace(
        'https://steamcommunity.com/profiles/76561198381997060'
      );
      return '/kuolek';
    },
  },
  {
    path: '/be-elephant',
    name: 'beElephant',
    redirect: () => {
      window.location.replace(
        'https://steamcommunity.com/profiles/76561198309722571'
      );
      return '/be-elephant';
    },
  },
  {
    path: '/jarooko',
    name: 'jarooko',
    redirect: () => {
      window.location.replace('https://steamcommunity.com/id/jarooko');
      return '/jarooko';
    },
  },
  {
    path: '/mollin',
    name: 'mollin',
    redirect: () => {
      window.location.replace(
        'https://steamcommunity.com/profiles/76561198264001711'
      );
      return '/mollin';
    },
  },
  {
    path: '/bavil-gravlax',
    name: 'bavilGravlax',
    redirect: () => {
      window.location.replace(
        'https://steamcommunity.com/profiles/76561198855251311'
      );
      return '/bavil-gravlax';
    },
  },
 ];
 const router = createRouter({
  history: createWebHistory(),
  routes,
 });
 export default router;
--- a/src/shims-vue.d.ts
+++ b/src/shims-vue.d.ts
@@ -1,6 +0,0 @@
 /* eslint-disable */
 declare module '*.vue' {
  import type { DefineComponent } from 'vue'
  const component: DefineComponent<{}, {}, any>
  export default component
 }
--- a/src/templates/README.md
+++ b/src/templates/README.md
@@ -0,0 +1,7 @@
 Templates for **GraphQL collections** should be added here.
 To create a template for a collection called `WordPressPost`
 create a file named `WordPressPost.vue` in this folder.
 Learn more: https://gridsome.org/docs/templates/
 You can delete this file.
--- a/src/views/About.vue
+++ b/src/views/About.vue
@@ -1,5 +0,0 @@
 <template>
  <div class="about">
    <h1>This is an about page</h1>
  </div>
 </template>
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,154 +0,0 @@
 <template>
 	<main>
 		<div class="first">
 			<h1>Witajcie w Gractwie!</h1>
 			<p>
 				Jesteśmy społecznością - grupą ludzi - których kręcą gry. Proste, nie?
 				<br />
 			</p>
 			<gractwosvg class="g" />
 		</div>
 		<div class="second">
 			<h1>Spis Moderacji</h1>
 			<div class="cardContainer">
 				<card
 					name="Jakub Mańczak"
 					photo="j4mesen.png"
 					desc="j4mesen | wannabe programista"
 					link="/j4mesen"
 				/>
 				<card
 					name="Olek Kulka"
 					photo="olek.png"
 					desc="KuOlek | scooby doo stan"
 					link="/kuolek"
 				/>
 				<card
 					name="Adam Cała"
 					photo="adam.png"
 					desc="BeElephant | dosłowny słoń"
 					link="/be-elephant"
 				/>
 				<card
 					name="Jarek Kortals"
 					photo="jarooko.png"
 					desc="Jarooko | nadal tu jest?"
 					link="/jarooko"
 				/>
 				<card
 					name="Jakub Mollin"
 					photo="mollin.png"
 					desc="Mollin | resident grinder"
 					link="/mollin"
 				/>
 				<card
 					name="Franek Cała"
 					photo="franek.png"
 					desc="BavilGravlax | secret society blanket"
 					link="/bavil-gravlax"
 				/>
 			</div>
 		</div>
 		<div class="third">
 			<h1>Geneza Gractwa</h1>
 			<p class="textblock">
 				Gractwo zostało założone w 2020 roku w odpowiedzi na rozłam PGTF i na
 				<a href="https://youtu.be/zjedLeVGcfE">sytuację z PGTF</a> związaną.
 				Serwer discordowy PGTF pozostający pod kontrolą administracji Gractwa
 				został przeniesiony w stan przejściowy do czasu gdy decyzja o powstaniu
 				Gractwa została podjęta. Po tych wydarzeniach strona internetowa oraz
 				grupa facebookowa Gractwa zostały utworzone. Aktywność na grupie
 				facebookowej nigdy sie nie rozwinęła wystarczająco, by przekształcić sie
 				w pełnoprawną społeczność, ale serwer discord działa cały czas. Strona
 				internetowa służy głównie do uproszczenia linków - do Discorda i
 				Facebooka. <br />
 				<br />
 				Po co więc to piszę? ...Potrzebuję tekstu do zapełnienia strony. <br />
 				<br />
 				~j4mesen
 			</p>
 		</div>
 		<div class="fourth">
 			<p>
 				Gractwo 2020-2021.
 				<router-link to="/git" target="_blank">GitHub</router-link>
 			</p>
 		</div>
 	</main>
 </template>
 <script lang="ts">
 	import { defineComponent } from 'vue';
 	import gractwosvg from '@/components/gractwosvg.vue'; // @ is an alias to /src
 	import card from '@/components/card.vue';
 	export default defineComponent({
 		name: 'Home',
 		components: {
 			gractwosvg,
 			card,
 		},
 	});
 </script>
 <style lang="scss" scoped>
 	main {
 		padding: 3rem 8rem;
 		a {
 			color: #fb636b;
 		}
 		.g {
 			position: absolute;
 			top: 0;
 			right: 15%;
 			animation-name: logovibe;
 			animation-iteration-count: infinite;
 			animation-duration: 2s;
 			z-index: -10;
 		}
 		.second {
 			margin-top: 18rem;
 			.cardContainer {
 				display: inline-flex;
 				flex-wrap: wrap;
 				margin-right: 0.1rem;
 			}
 		}
 		.third {
 			margin-top: 2rem;
 		}
 		.fourth {
 			margin-top: 4rem;
 		}
 		.textblock {
 			padding-right: 40%;
 			text-align: justify;
 		}
 	}
 	@keyframes logovibe {
 		0% {
 			transform: rotate(5deg);
 		}
 		50% {
 			transform: rotate(-9deg) scale(0.9);
 		}
 		100% {
 			transform: rotate(5deg);
 		}
 	}
 	@media only screen and (max-width: 872px) {
 		main {
 			padding: 3rem 1rem;
 			.g {
 				position: absolute;
 				top: 8.5%;
 				width: 184px;
 			}
 			.textblock {
 				padding-right: 2%;
 			}
 		}
 	}
 </style>
--- a/static/README.md
+++ b/static/README.md
@@ -0,0 +1,3 @@
 Add static files here. Files in this directory will be copied directly to `dist` folder during build. For example, /static/robots.txt will be located at https://yoursite.com/robots.txt.
 This file should be deleted.
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,39 +0,0 @@
 {
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "strict": true,
    "jsx": "preserve",
    "importHelpers": true,
    "moduleResolution": "node",
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "sourceMap": true,
    "baseUrl": ".",
    "types": [
      "webpack-env"
    ],
    "paths": {
      "@/*": [
        "src/*"
      ]
    },
    "lib": [
      "esnext",
      "dom",
      "dom.iterable",
      "scripthost"
    ]
  },
  "include": [
    "src/**/*.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "tests/**/*.ts",
    "tests/**/*.tsx"
  ],
  "exclude": [
    "node_modules"
  ]
 }
		`@@ -0,0 +1,3 @@`
							Add static files here. Files in this directory will be copied directly to `dist` folder during build. For example, /static/robots.txt will be located at https://yoursite.com/robots.txt.

							`This file should be deleted.`