Skip to content

Commit

Permalink
GH-391 Layout WIP
Browse files Browse the repository at this point in the history
  • Loading branch information
imcatwhocode committed Jun 9, 2022
1 parent 5c18866 commit e54b3e2
Show file tree
Hide file tree
Showing 3 changed files with 150 additions and 50 deletions.
37 changes: 37 additions & 0 deletions src/components/Cryptocurrency/Cryptocurrency.module.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
.row {
align-items: center;
display: grid;
gap: 80px;
grid-template-columns: 400px 400px;
}

.column {
display: grid;
grid-template-rows: fit-content(2rem) fit-content(1rem) 300px;
grid-template-columns: 400px;
justify-items: center;
}

.address {
display: inline-block;
background: #fff;
border: 1px solid #000;
padding: 1rem;
font-family: monospace;
border-radius: .25rem .25rem 0 0;
border-bottom: none;
width: 100%;
text-align: center;
}

.qrcode {
border: 1px solid #000;
width: 100%;
}

.label {
display: inline-block;
padding: .5rem;
border-radius: .25rem;
color: #fff;
}
45 changes: 36 additions & 9 deletions src/components/Cryptocurrency/Cryptocurrency.tsx
Original file line number Diff line number Diff line change
@@ -1,20 +1,47 @@
import type { NextPage } from 'next';
import Head from 'next/head';
import type { NextPage } from "next";
import Head from "next/head";
import css from "./Cryptocurrency.module.scss";

const Whishlist: NextPage = () => {
return (
<>
<Head>
<title>Криптовалюта • B4CKSP4CE</title>
<meta name="description" content="Список вещей, которые Бэкспейс хочет получить" />
<meta name="keywords" content="b4cksp4ce, backspace, бэкспейс, хакспейс, хакспейс спб" />
<meta
name="description"
content="Список вещей, которые Бэкспейс хочет получить"
/>
<meta
name="keywords"
content="b4cksp4ce, backspace, бэкспейс, хакспейс, хакспейс спб"
/>
</Head>
<h1>Пожертвования в криптовалюте</h1>
<article>
<p>WIP</p>
</article>
<section className={css.row}>
<section className={css.column}>
<header>
<h2>Bitcoin</h2>
</header>
<span className={css.address}>
bc1q7l2mgs8nutv27q02wewqnalkcdps5u7c2sqy90
</span>
<div className={css.qrcode}></div>
</section>
<section className={css.column}>
<header>
<h2>
USDT
<span className={css.label}>TRC20</span>
</h2>
</header>
<span className={css.address}>
TA4S8uyCC3ndcD2LMj3CVSWhswqbJxWV2e
</span>
<div className={css.qrcode}></div>
</section>
</section>
</>
)
}
);
};

export default Whishlist;
118 changes: 77 additions & 41 deletions src/components/Home/Home.tsx
Original file line number Diff line number Diff line change
@@ -1,27 +1,35 @@
import type { NextPage } from 'next'
import Link from 'next/link';
import Head from 'next/head';
import type { NextPage } from "next";
import Link from "next/link";
import Head from "next/head";

const Home: NextPage = () => {
return (
<>
<Head>
<title>B4CKSP4CE – Хакспейс в Санкт-Петербурге</title>
<meta name="description" content="Сообщество энтузиастов и энтузиасток, обьединённых вокруг технологий и искусства. Вместе мы разбираемся в сложных вещах, проводим события, работаем над проектами и просто хорошо проводим время." />
<meta name="keywords" content="b4cksp4ce, backspace, бэкспейс, хакспейс, хакспейс спб" />
<meta
name="description"
content="Сообщество энтузиастов и энтузиасток, обьединённых вокруг технологий и искусства. Вместе мы разбираемся в сложных вещах, проводим события, работаем над проектами и просто хорошо проводим время."
/>
<meta
name="keywords"
content="b4cksp4ce, backspace, бэкспейс, хакспейс, хакспейс спб"
/>
</Head>

<h1>B4CKSP4CE</h1>
<article>
<p>
Бэкспейс — это <a href="https://ru.wikipedia.org/wiki/Хакерспейс">хакспейс</a>.
Сообщество энтузиастов и энтузиасток, обьединённых вокруг технологий и искусства.
Вместе мы разбираемся в сложных вещах, проводим события, работаем над проектами и
просто хорошо проводим время.
Бэкспейс — это{" "}
<a href="https://ru.wikipedia.org/wiki/Хакерспейс">хакспейс</a>.
Сообщество энтузиастов и энтузиасток, обьединённых вокруг технологий и
искусства. Вместе мы разбираемся в сложных вещах, проводим события,
работаем над проектами и просто хорошо проводим время.
</p>
<p>
Наша миссия – развивать сообщество, в котором все смогут найти что-то для себя,
Мы ломаем стены и строим мосты, помогая друг другу и сообществам вокруг нас.
Наша миссия – развивать сообщество, в котором все смогут найти что-то
для себя, Мы ломаем стены и строим мосты, помогая друг другу и
сообществам вокруг нас.
</p>
</article>

Expand All @@ -30,24 +38,29 @@ const Home: NextPage = () => {
<h2>Как с нами взаимодействовать</h2>
</header>
<p>
Приходите к нам на события – мы проводим мастер-классы, лекции и встречи обо всем –
от пайки и пентеста, до синтезаторов, шейдеров и VR.
Приходите к нам на события – мы проводим мастер-классы, лекции и
встречи обо всем – от пайки и пентеста, до синтезаторов, шейдеров и
VR.
</p>
<p>
Приходите в гости – пообщаться, познакомиться с пространством или попросить помощи
для своего проекта. Мы понимаем, что всем комфортно знакомиться по-разному, поэтому
можно прийти просто почитать книгу (у нас классная библиотека) или попросить резидента
помочь познакомиться с остальными.
Приходите в гости – пообщаться, познакомиться с пространством или
попросить помощи для своего проекта. Мы понимаем, что всем комфортно
знакомиться по-разному, поэтому можно прийти просто почитать книгу (у
нас классная библиотека) или попросить резидента помочь познакомиться
с остальными.
</p>
<p>
Резиденты занимаются Бэкспейсом в свободное время на чистом энтузиазме, поэтому у нас нет
“дежурных” или “администраторов”. Мы очень любим гостей, но встречаем их только когда кто-то
из резидентов готов это сделать. Собираясь заглянуть, напишите заранее в&nbsp;
<a href="https://t.me/b4cksp4ce_chat">чат</a>,
чтобы мы согласовали удобное всем время.
Резиденты занимаются Бэкспейсом в свободное время на чистом
энтузиазме, поэтому у нас нет “дежурных” или “администраторов”. Мы
очень любим гостей, но встречаем их только когда кто-то из резидентов
готов это сделать. Собираясь заглянуть, напишите заранее в&nbsp;
<a href="https://t.me/b4cksp4ce_chat">чат</a>, чтобы мы согласовали
удобное всем время.
</p>
<p>
Бэкспейс – не закрытый клуб. Если вы разделяете наши принципы и хотите делать его вместе – станьте <a href="https://wiki.0x08.in/ru/101/roles">резидентом</a>.
Бэкспейс – не закрытый клуб. Если вы разделяете наши принципы и хотите
делать его вместе – станьте{" "}
<a href="https://wiki.0x08.in/ru/101/roles">резидентом</a>.
</p>
</article>

Expand All @@ -63,48 +76,67 @@ const Home: NextPage = () => {
</li>
<li>
<b>Не притесняй и не мешай другим</b>
<p>Соблюдай личные границы других участников, старайся договариваться и кооперироваться.</p>
<p>
Соблюдай личные границы других участников, старайся договариваться
и кооперироваться.
</p>
</li>
<li>
<b>Вкладывай больше, чем потребляешь</b>
<p>
Бэкспейс может развиваться только если сообщество делает его лучше.
Мы не коворкинг и не обеспечиваем резидентов готовыми условиями для работы.
Бэкспейс может развиваться только если сообщество делает его
лучше. Мы не коворкинг и не обеспечиваем резидентов готовыми
условиями для работы.
</p>
</li>
<li>
<b>Финансовая независимость</b>
<p>Бэкспейс не является источником прибыли, а финансовый вклад резидента не влияет на принятие решений.</p>
<p>
Бэкспейс не является источником прибыли, а финансовый вклад
резидента не влияет на принятие решений.
</p>
</li>
<li>
<b>Do-ocracy</b>
<p>Если хочешь чтобы что-то изменилось – сделай это, но не забывай о других.</p>
<p>
Если хочешь чтобы что-то изменилось – сделай это, но не забывай о
других.
</p>
</li>
<li>
<b>Запрещено умирать</b>
<p>Safety first. Заботьтесь о безопасности себя и окружающих.</p>
</li>
</ol>
<p>Подробнее, в <a href="https://wiki.0x08.in/ru/101/rules-and-principles">B4CKSP4CE 101</a>. </p>
<p>
Подробнее, в{" "}
<a href="https://wiki.0x08.in/ru/101/rules-and-principles">
B4CKSP4CE 101
</a>
.{" "}
</p>
</article>

<article>
<header>
<h2>Донейшн</h2>
</header>
<p>
Бэкспейс – это горизонтальное сообщество, существующее только благодаря резидентским взносам и пожертвованиям.
Если вы хотите нас поддержать, можно:
Бэкспейс – это горизонтальное сообщество, существующее только
благодаря резидентским взносам и пожертвованиям. Если вы хотите нас
поддержать, можно:
</p>
<ul>
<li>задонатить на <a href="https://sobe.ru/na/bksp">Собе.ру</a></li>
<li>
задонатить на <a href="https://sobe.ru/na/bksp">Собе.ру</a>
</li>
<li>закинуть наличку в Donation Box</li>
{/* <li>
задонатить что-нибудь из&nbsp;
<Link href="/wishlist" passHref>
<a>вишлиста</a>
<li>
пожертвовать в&nbsp;
<Link href="/cryptocurrency" passHref>
<a>криптовалюте</a>
</Link>
</li> */}
</li>
</ul>
</article>

Expand All @@ -122,7 +154,8 @@ const Home: NextPage = () => {
Подробнее о том,&nbsp;
<Link href="/where" passHref>
<a>как до нас добраться</a>
</Link>&nbsp;
</Link>
&nbsp;
</li>
<li>
<span>Telegram: </span>
Expand All @@ -139,11 +172,14 @@ const Home: NextPage = () => {
<a href="https://www.instagram.com/b4ck5p4ce">Instagram</a>,&nbsp;
<a href="https://twitter.com/b4cksp4ce">Twitter</a>
</li>
<li><a href="tel:78125079241">+7 (812) 507-92-41</a> на случай важных переговоров</li>
<li>
<a href="tel:78125079241">+7 (812) 507-92-41</a> на случай важных
переговоров
</li>
</ul>
</article>
</>
)
}
);
};

export default Home;

0 comments on commit e54b3e2

Please sign in to comment.