From a44f8d035a7f8f3543f7b718336cb09976b9db67 Mon Sep 17 00:00:00 2001 From: Janusz Kamienski Date: Wed, 1 Mar 2023 21:33:48 +0100 Subject: [PATCH 1/2] Added page - Poradnik: Twoja pierwsza sesja; reorganized links --- src/App.js | 2 + src/common/ExternalLink.js | 13 +++++ src/common/FirstGame.js | 86 +++++++++++++++++++++++++++++ src/common/SidebarNavigationList.js | 37 ++++++++++++- src/pages/Home.js | 49 +++++----------- 5 files changed, 150 insertions(+), 37 deletions(-) create mode 100644 src/common/ExternalLink.js create mode 100644 src/common/FirstGame.js diff --git a/src/App.js b/src/App.js index 79decf3..8e71f6b 100644 --- a/src/App.js +++ b/src/App.js @@ -28,6 +28,7 @@ import Grid from "@material-ui/core/Grid/Grid"; import Hidden from "@material-ui/core/Hidden/Hidden"; import {Terms} from "./common/Terms"; import CookieConsent from "react-cookie-consent"; +import {FirstGame} from "./common/FirstGame"; const portalStore = new PortalStore(); @@ -72,6 +73,7 @@ class App extends Component { + diff --git a/src/common/ExternalLink.js b/src/common/ExternalLink.js new file mode 100644 index 0000000..758961e --- /dev/null +++ b/src/common/ExternalLink.js @@ -0,0 +1,13 @@ +import React from "react"; + +const ExternalLink = ({ url, children }) => { + + const onClick = event => { + event.preventDefault(); + window.open(url) + } + + return ({children}) +} + +export default ExternalLink; diff --git a/src/common/FirstGame.js b/src/common/FirstGame.js new file mode 100644 index 0000000..6a7eb1f --- /dev/null +++ b/src/common/FirstGame.js @@ -0,0 +1,86 @@ +import React from "react"; +import Typography from "@material-ui/core/Typography/Typography"; +import withStyles from "@material-ui/core/styles/withStyles"; +import {Link} from "react-router-dom"; +import ExternalLink from "./ExternalLink"; + + +const styles = (theme) => ({ + root: { + paddingTop: theme.spacing(4), + paddingLeft: theme.spacing(16), + paddingRight: theme.spacing(16), + }, + header: { + marginBottom: theme.spacing(4), + }, + text: { + marginBottom: theme.spacing(2), + fontSize: "1.4em" + } +}); + + +@withStyles(styles, {withTheme:true}) +export class FirstGame extends React.Component { + render() { + const {classes} = this.props; + + return ( +
+ + Poradnik: Twoja pierwsza sesja w OPK + + + Nie można grać w D&D, nie mając swojej postaci. + + + Przygotuj postać poziomu 1, zgodnie z podstawowymi regułami, + które można znaleźć na stronie Wizards of the Coast. + Stosujemy zasady Point Buy i Starting Equipment + (nie losujemy statystyk ani startowego złota!) – szczegółowe objaśnienia znajdziesz w pliku z zasadami OPK, + ale postaci oparte na podstawowych regułach i Podręczniku Gracza/Player’s Handbook (PHB) są zawsze dozwolone.{' '} + Nie musisz znać wszystkich zasad by zagrać. + + + Mistrz Gry wyjaśni i poprowadzi cię przez rozgrywkę. Na początek wystarczy zapoznać się z rozdziałami 1-4 + oraz 7-9 (ewentualnie 10, jeśli chcesz grać postacią używającą zaklęć) podstawowych reguł, ale większość + nauki zasad odbywa się przez praktykę. Nie przejmuj się zanadto początkowymi wyborami: według reguł OPK + do poziomu 5 możesz niemal dowolnie przebudowywać swoją postać, by dopasować ją do swoich oczekiwań. + + + Jeśli podczas tworzenia postaci masz jakiekolwiek problemy lub wątpliwości napisz na + {' '}Discordzie OPK w kanale #tworzenie-postaci{' '} + prośbę o to, żeby ktoś ci pomógł taką postać przygotować. Zresztą, nawet jeśli umiesz stworzyć postać sam, + warto na wszelki wypadek zapytać, czy jest ona stworzona w sposób zgodny z regułami OPK + (szkoda marnować na to czas swój i pozostałych graczy podczas sesji). + + + Następnie, załóż konto na naszym portalu i dodaj swoją postać. Konto to pozwoli ci przeglądać dostępne + rozgrywki oraz postaci własne i innych graczy. + + + Znajdź dogodny dla siebie termin w zakładce Next Game Sessions oznaczony Tier 1 (szczebel pierwszy, + postaci 1-4 poziomu) i zajmij w nim miejsce przyciskiem Join Game.
+ To takie proste! + + + Nie, nie musisz nikogo uprzedzać. Nie musisz pytać o zdanie ani o pozwolenie. Za nic nie musisz płacić + (choć dobrym zwyczajem jest zamawianie czegoś przy barze pubu, który udostępnia nam stoliki na spotkania). + Po prostu zapisz się i przyjdź. Prawie wszystkie sesje odbywają się w R’lyeh Cafe, na Kurniki 3 w Krakowie, + w godzinach podanych przy konkretnej sesji (zazwyczaj po 17 w tygodniu i po 13 w weekendy). + Gdy się już wciągniesz, zapoznaj się z oficjalnymi podręcznikami i rozwijaj zgodnie z nimi swoje postaci. + Cały bogaty świat D&D masz na wyciągnięcie ręki. + + + Masz ochotę zostać DM-em?
+ Zgłoś chęć poprowadzenia rozgrywki w OPK na discordzie, a po krótkiej weryfikacji otrzymasz dostęp + do materiałów i prawo do zakładania stolików. Prowadzenie jest prostsze niż się wydaje! + + + Do zobaczenia na sesjach! + +
+ ) + } +} diff --git a/src/common/SidebarNavigationList.js b/src/common/SidebarNavigationList.js index 9c19738..b094709 100644 --- a/src/common/SidebarNavigationList.js +++ b/src/common/SidebarNavigationList.js @@ -15,7 +15,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' import { faGhost, faUserShield, faUser, faHome, faCalendar, faArchive, faIdCard, - faUserCircle, faUserPlus, + faUserCircle, faUserPlus, faFile } from '@fortawesome/free-solid-svg-icons' library.add(faGhost); @@ -27,6 +27,7 @@ library.add(faArchive); library.add(faIdCard); library.add(faUserCircle); library.add(faUserPlus); +library.add(faFile); const styles = theme => ({ @@ -86,6 +87,30 @@ export default class SidebarNavigationList extends React.Component{ )} + + + + + + + + + + window.open('https://docs.google.com/document/d/1HT_HKIQKt0G-kceR2pzLUHKfyrnXVdwBUXl6qOLl9cI/edit?usp=sharing')}> + + + + + + + window.open('https://drive.google.com/file/d/1koge3GjzgO2NhUpk2quZmOWFo7VPGzNA/view?usp=drivesdk')}> + + + + + + + {this.isAuth() && ( @@ -147,6 +172,16 @@ export default class SidebarNavigationList extends React.Component{ + + + + + + + + + + ); diff --git a/src/pages/Home.js b/src/pages/Home.js index 9adec65..a8af4df 100644 --- a/src/pages/Home.js +++ b/src/pages/Home.js @@ -4,6 +4,7 @@ import {CurrentDMGamesList, CurrentUserGamesList} from "./GamesList"; import Grid from "@material-ui/core/Grid/Grid"; import Typography from "@material-ui/core/Typography/Typography"; import withStyles from "@material-ui/core/styles/withStyles"; +import { Link } from "react-router-dom"; import { library } from '@fortawesome/fontawesome-svg-core' import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' @@ -47,6 +48,9 @@ const styles = (theme) => ({ marginBottom: 12, fontSize: "1.3em" }, + biggerText: { + fontSize: "1.6em" + }, marginTop: { marginTop: 20 }, @@ -77,7 +81,7 @@ const styles = (theme) => ({ }, textDivider: { marginTop: 24, - marginBottom: 12, + marginBottom: 24, }, home: { padding: 10, @@ -172,6 +176,13 @@ class Home extends React.Component { udziału w życiu społeczności na naszym Discordzie oraz na grupie w serwisie Facebook. + + + NASTĘPNY KROK?
+ + + Przeczytaj, jak zagrać swoją pierwszą sesję w OPK + @@ -196,6 +207,7 @@ class Home extends React.Component { Join our community + window.open('https://www.facebook.com/groups/ALKrakow/')}> @@ -211,41 +223,6 @@ class Home extends React.Component { - - window.open('https://docs.google.com/document/d/1HT_HKIQKt0G-kceR2pzLUHKfyrnXVdwBUXl6qOLl9cI/edit?usp=sharing')}> - - - - - - - - {/* window.open('https://docs.google.com/document/d/1oDx-bksg-GraW7YCtp8DUFwG2c4AfSwZtIWN3uYQwPc/edit?usp=sharing')}>*/} - {/* */} - {/* */} - {/* */} - {/* */} - {/* */} - {/**/} - - window.open('https://drive.google.com/file/d/1koge3GjzgO2NhUpk2quZmOWFo7VPGzNA/view?usp=drivesdk')}> - - - - - - - - - - - - - - - - - From 58022a9fe9cdb7e65ca6ec524a656cd30d3112c6 Mon Sep 17 00:00:00 2001 From: Janusz Kamienski Date: Wed, 1 Mar 2023 21:58:20 +0100 Subject: [PATCH 2/2] updated version of the package --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index e029c8f..b7c28d3 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "portAL", - "version": "1.3.3", + "version": "1.3.4", "private": true, "dependencies": { "@fortawesome/fontawesome-svg-core": "^1.2.6",