Verified Commit c71c77a4 authored by Kiryuu Sakuya's avatar Kiryuu Sakuya 🎵
Browse files

Initial commit

parents
NOTES.md
# Visual Studio Code
.vscode/settings.json
# macOS shit
.DS_Store
# Unused files
font/fake-receipt.ttf
# Copyright
img/banner.png
\ No newline at end of file
This diff is collapsed.
## Introduction
This is the future website of 251's Research Re:Dive!
## License
Copyright (C) 2020 Kiryuu Sakuya (im@251.sh)
Copyright (C) 2020 by 251's Research Re:Dive! contributors
This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with this program. If not, see http://www.gnu.org/licenses/.
LICENSE contains a copy of the full GPLv3 licensing conditions.
@font-face {
font-family: "Pecita";
src: url("/font/Pecita.otf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Hemi Head";
src: url("/font/hemi-head.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
* {
/* Width + padding */
box-sizing: border-box;
font-family: Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei",
"微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
color: #777;
}
html,
body {
margin: 0;
padding: 0;
}
.nav ul {
margin: 0;
}
.nav li {
display: inline;
}
.nav a {
/* inline elements can not apply padding on the top or bottom */
display: inline-block;
padding: .5em;
color: azure;
text-decoration: none;
}
.nav a:hover {
background-color: rgba(255, 255, 255, .25);
}
.main-nav {
text-align: center;
font-size: 1.25em;
font-weight: lighter;
border-bottom: 1px solid rgba(255, 255, 255, .25);
}
.main-nav li {
padding: 0 5%;
}
.main-header {
background-color: rgba(0, 0, 0, 0.6);
background-image: url("/img/banner.png");
background-blend-mode: multiply;
/* Wide as it can, tall as it can */
background-size: cover;
padding-bottom: 40px;
}
.org-name {
text-align: center;
padding-top: 0.5em;
margin: 0;
font-size: 6em;
font-family: "Pecita";
font-weight: normal;
color: azure;
}
/* Content section */
.content-section {
margin: 1em;
}
.container {
max-width: 900px;
margin: 0 auto;
padding: 0 1.5em;
}
.section-header {
font-family: "Hemi Head";
font-weight: normal;
color: #333333;
text-align: center;
font-size: 2em;
}
.about-image {
margin: 15px;
/* border-radius: 50%; */
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
.main-footer {
background: rgb(2, 0, 36);
background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 109, 121, 1) 34%, rgba(6, 155, 165, 1) 62%, rgba(0, 212, 255, 1) 100%);
padding: .25em 0;
}
.main-footer-container {
/* Flex box */
display: flex;
align-items: center;
}
.main-footer-container ul {
flex-grow: 1;
text-align: end;
}
.footer-nav li {
padding: 0 .5em
}
.footer-nav img {
width: 30px;
height: 30px;
}
.footer-text {
color: azure;
}
/* Friends page */
.btn {
text-align: center;
vertical-align: middle;
padding: .67em;
cursor: pointer;
}
.btn-primary {
color: white;
background-color: #56CCF2;
border: none;
border-radius: .3em;
font-weight: bold;
}
.btn-primary:hover {
background-color: #2D9CDB;
}
.friends-items {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.friends-item {
margin: 30px;
}
.friends-item-title {
display: block;
width: 100%;
text-align: center;
font-weight: bold;
font-size: 1.5em;
color: #333333;
margin-bottom: 15px;
}
.friends-item-image {
height: 400px;
width: 400px;
}
.friends-item-details {
display: flex;
align-items: center;
padding: 5px;
}
.friends-item-content {
flex-grow: 1;
color: #333;
}
/* Works page */
.works-row {
border-bottom: 1px solid azure;
padding-bottom: 1em;
margin-bottom: 1em;
}
.works-row:last-child {
border-bottom: none;
}
.works-item {
/* inline elements can not have width applyed */
display: inline-block;
padding-right: .5em;
}
.works-name {
color: #555;
font-weight: bold;
width: 20%;
}
.works-desc {
width: 42%;
}
.works-btn {
max-width: 19%;
}
.footer-fixed {
bottom: 0;
left: 0;
width: 100%;
position: fixed;
}
\ No newline at end of file
File added
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="This is 251's Research Re:Dive!">
<meta name="keywords" content="AS140926">
<title>Friends - 251's Research Re:Dive!</title>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<header class="main-header">
<nav class="nav main-nav">
<ul>
<li><a href="/">HOME</a></li>
<li><a href="#">FRIENDS</a></li>
<li><a href="/works.html">WORKS</a></li>
</ul>
</nav>
<h1 class="org-name">251's Research Re:Dive!</h1>
</header>
<section class="container content-section">
<h2 class="section-header">Friends</h2>
<div class="friends-items">
<div class="friends-item">
<span class="friends-item-title">Kiryuu Sakuya</span>
<img class="friends-item-image" src="./img/placeholder.png" alt="AS140926" width="128">
<div class="friends-item-details">
<span class="friends-item-content">Founder, maintainer</span>
<a href="//251.sh" target="_blank"><button class="btn btn-primary friends-item-button"
role="button"> Website &raquo;</button></a>
</div>
</div>
<div class="friends-item">
<span class="friends-item-title">九条凉果</span>
<img class="friends-item-image" src="./img/placeholder.png" alt="Pikimusic" width="128">
<div class="friends-item-details">
<span class="friends-item-content">Administrator</span>
<button class="btn btn-primary friends-item-button" role="button"> Website &raquo;</button>
</div>
</div>
<div class="friends-item">
<span class="friends-item-title">We want you!</span>
<img class="friends-item-image" src="./img/placeholder.png" alt="Privacy 101" width="128">
<div class="friends-item-details">
<span class="friends-item-content">Join us!</span>
<button class="btn btn-primary friends-item-button" role="button"> Contact now &raquo;</button>
</div>
</div>
</div>
</section>
<footer class="main-footer">
<div class="container main-footer-container">
<h4 class="footer-text">&copy; Copyright 2020 251's Research Re:Dive</h4>
<ul class="nav footer-nav">
<li><a href="https://t.me/joinchat/JNE1eRjx2x4o6kqF6f4eag" target="_blank"><img
src="./img/logo/Telegram.svg" alt="Telegram" width="32"></a></li>
</ul>
</div>
</footer>
</body>
</html>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" height="1000" width="1000" xmlns:v="https://vecta.io/nano"><defs><linearGradient id="A" x2="50%" x1="50%" y2="99.2583%"><stop stop-color="#2aabee" offset="0"/><stop stop-color="#229ed9" offset="1"/></linearGradient></defs><g fill-rule="evenodd"><circle cy="500" cx="500" r="500" fill="url(#A)"/><path fill="#fff" d="M226.328 494.722l291.59-125.6c138.856-57.755 167.708-67.787 186.514-68.118 4.137-.073 13.385.952 19.375 5.813 5.06 4.104 6.45 9.65 7.117 13.54s1.495 12.757.836 19.684c-7.525 79.06-40.084 270.924-56.648 359.474-7.01 37.47-20.8 50.033-34.17 51.262-29.036 2.672-51.085-19.19-79.208-37.624L450.15 638.2c-49.366-32.53-17.364-50.41 10.77-79.63C468.282 550.92 596.215 434.556 598.69 424c.3-1.32.597-6.24-2.326-8.84s-7.24-1.7-10.353-1.003c-4.413 1.002-74.714 47.468-210.902 139.4-19.955 13.703-38.03 20.38-54.223 20.03-17.853-.386-52.194-10.094-77.723-18.393-31.313-10.178-56.2-15.56-54.032-32.846 1.128-9.003 13.527-18.21 37.196-27.624z"/></g></svg>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="This is 251's Research Re:Dive!">
<meta name="keywords" content="AS140926">
<title>251's Research Re:Dive!</title>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<header class="main-header">
<nav class="nav main-nav">
<ul>
<li><a href="#">HOME</a></li>
<li><a href="/friends.html">FRIENDS</a></li>
<li><a href="/works.html">WORKS</a></li>
</ul>
</nav>
<h1 class="org-name">251's Research Re:Dive!</h1>
</header>
<section class="content-section container">
<h2 class="section-header">Who we are</h2>
<p>251's Research Re:Dive! is a non-profit organization for research Internet censorship, Decentralized
application(DApps), Internet data archive and digital privacy, founded by Kiryuu Sakuya (a.k.a misaka00251).
</p>
<img class="about-image" src="img/IMG_0022.jpeg" alt="Image">
<h2 class="section-header">AS140926</h2>
<p>We have an open peering policy. Please don't hesitate to reach us if you're interested in our project.</p>
<h2 class="section-header">Partnerships</h2>
<p>Upstream: <a href="https://internet.nat.moe/" target="_blank">Nato Internet Laboratory</a> (<a
href="https://bgp.he.net/AS46997" target="_blank">AS46997</a>).</p>
<h2 class="section-header">Contact us</h2>
<p><a href="./contact.html" target="_self">Here</a>.</p>
</section>
<footer class="main-footer">
<div class="container main-footer-container">
<h4 class="footer-text">&copy; Copyright 2020 251's Research Re:Dive</h4>
<ul class="nav footer-nav">
<li><a href="https://t.me/joinchat/JNE1eRjx2x4o6kqF6f4eag" target="_blank"><img
src="./img/logo/Telegram.svg" alt="Telegram" width="32"></a></li>
</ul>
</div>
</footer>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="This is 251's Research Re:Dive!">
<meta name="keywords" content="AS140926">
<title>Works - 251's Research Re:Dive!</title>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<header class="main-header">
<nav class="nav main-nav">
<ul>
<li><a href="/">HOME</a></li>
<li><a href="/friends.html">FRIENDS</a></li>
<li><a href="#">WORKS</a></li>
</ul>
</nav>
<h1 class="org-name">251's Research Re:Dive!</h1>
</header>
<section class="content-section container">
<h2 class="section-header">Works</h2>
<div>
<div class="works-row">
<span class="works-item works-name">AS140926</span>
<span class="works-item works-desc">Internet Exchange</span>
<button class="btn works-item works-btn btn-primary" type="button">Learn more &raquo;</button>
</div>
<div class="works-row">
<span class="works-item works-name">Pikimusic</span>
<span class="works-item works-desc">DApp for musicians and fans</span>
<button class="btn works-item works-btn btn-primary" type="button">Learn more &raquo;</button>
</div>
<div class="works-row">
<span class="works-item works-name">Privacy 101</span>
<span class="works-item works-desc">Deep look at the products</span>
<button class="btn works-item works-btn btn-primary" type="button">Learn more &raquo;</button>
</div>
<div class="works-row">
<span class="works-item works-name">Project Ikazuchi</span>
<span class="works-item works-desc">Archive the data</span>
<button class="btn works-item works-btn btn-primary" type="button">Learn more &raquo;</button>
</div>
<div class="works-row">
<span class="works-item works-name">News Lab</span>
<span class="works-item works-desc">Real or fake news?</span>
<button class="btn works-item works-btn btn-primary" type="button">Learn more &raquo;</button>
</div>
</div>
</section>
<footer class="main-footer footer-fixed">
<div class="container main-footer-container">
<h4 class="footer-text">&copy; Copyright 2020 251's Research Re:Dive</h4>
<ul class="nav footer-nav">
<li><a href="https://t.me/joinchat/JNE1eRjx2x4o6kqF6f4eag" target="_blank"><img
src="./img/logo/Telegram.svg" alt="Telegram" width="32"></a></li>
</ul>
</div>
</footer>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment