archiwum/old-gractwo-pl
Archived
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add sass & card component

Browse Source
This commit is contained in:
Jakub Mańczak
2021-07-31 13:56:27 +02:00
parent 7a169b7803
commit 7377d1a5fa
6 changed files with 272 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

126
package-lock.json generated
View File

@@ -1118,6 +1118,11 @@
"@types/node": "*"
}
},
"@types/json-schema": {
"version": "7.0.8",
"resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.8.tgz",
"integrity": "sha512-YSBPTLTVm2e2OoQIDYx8HaeWJ5tTToLH67kXR7zYNGupXMEHa2++G8k+DczX2cFVgalypqtyZIcU19AFcmOpmg=="
},
"@types/minimatch": {
"version": "3.0.5",
"resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.5.tgz",
@@ -6865,6 +6870,11 @@
"resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
"integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw=="
},
"klona": {
"version": "2.0.4",
"resolved": "https://registry.npmjs.org/klona/-/klona-2.0.4.tgz",
"integrity": "sha512-ZRbnvdg/NxqzC7L9Uyqzf4psi1OM4Cuc+sJAkQPjO6XkQIJTNbfK2Rsmbw8fx1p2mkZdp2FZYo2+LwXYY/uwIA=="
},
"last-call-webpack-plugin": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/last-call-webpack-plugin/-/last-call-webpack-plugin-3.0.0.tgz",
@@ -9419,6 +9429,122 @@
"resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
"integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
},
"sass": {
"version": "1.37.0",
"resolved": "https://registry.npmjs.org/sass/-/sass-1.37.0.tgz",
"integrity": "sha512-B+Tu6cSAG8ffs/cqsZl/bgSH2pCmavDaPTYAoW8QA1qNHh/RqndNfVKuABKYkLjUQ5aq/BnCENVpE80cqdSM1w==",
"requires": {
"chokidar": ">=3.0.0 <4.0.0"
},
"dependencies": {
"anymatch": {
"version": "3.1.2",
"resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz",
"integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==",
"requires": {
"normalize-path": "^3.0.0",
"picomatch": "^2.0.4"
}
},
"binary-extensions": {
"version": "2.2.0",
"resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
"integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA=="
},
"chokidar": {
"version": "3.5.2",
"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.2.tgz",
"integrity": "sha512-ekGhOnNVPgT77r4K/U3GDhu+FQ2S8TnK/s2KbIGXi0SZWuwkZ2QNyfWdZW+TVfn84DpEP7rLeCt2UI6bJ8GwbQ==",
"requires": {
"anymatch": "~3.1.2",
"braces": "~3.0.2",
"fsevents": "~2.3.2",
"glob-parent": "~5.1.2",
"is-binary-path": "~2.1.0",
"is-glob": "~4.0.1",
"normalize-path": "~3.0.0",
"readdirp": "~3.6.0"
}
},
"fsevents": {
"version": "2.3.2",
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
"integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
"optional": true
},
"is-binary-path": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
"integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
"requires": {
"binary-extensions": "^2.0.0"
}
},
"readdirp": {
"version": "3.6.0",
"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
"integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
"requires": {
"picomatch": "^2.2.1"
}
}
}
},
"sass-loader": {
"version": "10.1.1",
"resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-10.1.1.tgz",
"integrity": "sha512-W6gVDXAd5hR/WHsPicvZdjAWHBcEJ44UahgxcIE196fW2ong0ZHMPO1kZuI5q0VlvMQZh32gpv69PLWQm70qrw==",
"requires": {
"klona": "^2.0.4",
"loader-utils": "^2.0.0",
"neo-async": "^2.6.2",
"schema-utils": "^3.0.0",
"semver": "^7.3.2"
},
"dependencies": {
"loader-utils": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
"integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
"requires": {
"big.js": "^5.2.2",
"emojis-list": "^3.0.0",
"json5": "^2.1.2"
}
},
"lru-cache": {
"version": "6.0.0",
"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
"integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
"requires": {
"yallist": "^4.0.0"
}
},
"schema-utils": {
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
"integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
"requires": {
"@types/json-schema": "^7.0.8",
"ajv": "^6.12.5",
"ajv-keywords": "^3.5.2"
}
},
"semver": {
"version": "7.3.5",
"resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
"integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
"requires": {
"lru-cache": "^6.0.0"
}
},
"yallist": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
"integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
}
}
},
"sax": {
"version": "1.2.4",
"resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",

4
package.json
View File

@@ -7,6 +7,8 @@
"build": "gridsome build"
},
"dependencies": {
"gridsome": "^0.7.0"
"gridsome": "^0.7.0",
"sass": "^1.37.0",
"sass-loader": "^10.1.1"
}
}

16
src/components/Card.vue Normal file
View File

@@ -0,0 +1,16 @@
<template>
<p>This is a card.</p>
</template>
<script>
export default {
name: 'Card',
props: {
name: String,
photo: String,
desc: String,
link: String,
discord: String,
},
};
</script>

41
src/layouts/Default.vue
View File

@@ -4,6 +4,47 @@
</div>
</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');
:root {
--black: hsl(0, 0%, 10%);
--white: hsl(0, 0%, 90%);
--gray: hsl(0, 0%, 20%);
--graytext: hsl(0, 0%, 55%);
--red: #fb636b;
--light-red: rgba(251, 99, 107, 0.25);
--blue: #61f2ea;
--radius: 6px;
--trandur: 0.1s;
}
* {
margin: 0;
padding: 0;
}
html {
background-color: var(--black);
color: var(--white);
font-family: 'Quicksand', sans-serif;
font-size: 16px;
h1,
h2,
h3 {
font-family: 'Lexend', sans-serif;
}
a {
color: var(--red);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
transition-duration: var(--trandur);
&:hover,
&:focus {
background-color: var(--light-red);
}
}
}
</style>
<static-query>
query {
metadata {

11
src/pages/About.vue
View File

@@ -1,11 +0,0 @@
<template>
<p>/about</p>
</template>
<script>
export default {
metaInfo: {
title: 'about',
},
};
</script>

92
src/pages/Index.vue
View File

@@ -1,17 +1,97 @@
<template>
<div>
<p>
Strona w procesie przepisywania! 🎮❤ <br />
Linki /discord i /facebook nadal działają.
<main>
<p style="text-align: center">
Strona w trakcie rewrite-u! Zapraszamy później.
</p>
<p>/</p>
</div>
<header>
<g-image src="~/assets/main-logo-x512.png" width="64"></g-image>
<h1>Gractwo</h1>
</header>
<section>
<h2>
Witajcie w Gractwie!
</h2>
<p>
Jesteśmy społecznością - grupą ludzi - których kręcą gry. Proste, nie?
</p>
</section>
<section>
<h2>Geneza i opis Gractwa</h2>
<p style="text-align: justify">
Gractwo zostało założone w 2020 roku w odpowiedzi na rozłam PGTF i na
<a href="/pgtf-theme">sytuację z PGTF</a> powiązaną. Serwer discordowy
PGTF, pozostający nadal pod kontrolą naszej administracji został
przeniesiony w stan przejściowy do czasu podjęcia decyzji o powstaniu
Gractwa, po czym został w serwer dla Gractwa przekształcony. Została
utworzona grupa facebookowa, oraz strona internetowa. Aktywność na
grupie facebookowej nigdy nie rozwinęła się wystarczająco by
przekształcić się w pełnoprawną społeczność, ale serwer discord cały
czas funkcjonuje jako nasze małe, ciasne i własne miejsce spotkań.
Strona internetowa funkcjonuje głównie jako skracacz linków.
</p>
</section>
<section>
<h2>Status Bota Discordowego</h2>
<p>
Sprawdź jak się ma nasz bot discordowy - in progress!
</p>
</section>
<section>
<h2>Spis Moderacji</h2>
<p>
Ludzie stojący za Gractwem - in progress!
</p>
<div class="cards">
<!-- <Card id="jamesen" /> -->
</div>
</section>
<section>
<h3>Gractwo 2020-2021</h3>
<p>
Strona napisana i hostowana przez <a href="#jamesen">jamesena</a>. Kod
dostępny na
<a href="https://github.com/Gractwo" target="_blank">GitHubie</a>.
</p>
</section>
</main>
</template>
<script>
import Card from '~/components/Card.vue';
export default {
metaInfo: {
title: 'główna',
},
components: {
Card,
},
};
</script>
<style lang="scss">
main {
max-width: 850px;
margin: 0 auto;
padding-left: 24px;
padding-right: 24px;
header {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
text-align: center;
padding: 2rem;
img {
margin-top: 0.25rem;
margin-right: 0.5rem;
}
}
section {
padding: 2rem 0 4rem;
}
h1 {
font-size: 3rem;
}
}
</style>