twisterarmy
/
twisterarmy.github.io
mirror of https://github.com/twisterarmy/twisterarmy.github.io.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

implement installation page

zeronet
D4708 3 years ago
parent
8062942952
commit
1fa792d4c1
3 changed files with 228 additions and 9 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 64
      css/common.css
  2. 14
      index.html
  3. 159
      install.html

64
css/common.css
Unescape View File

@ -44,6 +44,14 @@ a, a:hover { @@ -44,6 +44,14 @@ a, a:hover {
background-color: #596374
}
.bg-c-101 {
background-color: #596a74 /* branding namespace reserved from 100-199 */
}
.bg-c-102 {
background-color: #5e5974 /* branding namespace reserved from 100-199 */
}
.bg-img-1 {
background-image: url('/image/bg-1.png')
}
@ -65,6 +73,10 @@ a, a:hover { @@ -65,6 +73,10 @@ a, a:hover {
text-align: left
}
.f-size-16 {
font-size: 16px
}
.f-size-18 {
font-size: 18px
}
@ -113,6 +125,16 @@ a.c-2:hover { @@ -113,6 +125,16 @@ a.c-2:hover {
color: #fff
}
.c-3,
a.c-3:active,
a.c-3:visited {
color: #becae0
}
a.c-3:hover {
color: #fff
}
/* dimensions */
.w-33-100 {
width: 33%
@ -131,6 +153,9 @@ a.c-2:hover { @@ -131,6 +153,9 @@ a.c-2:hover {
}
/* paddings */
.mw-680 {
max-width: 680px
}
.mw-1024 {
max-width: 1024px
}
@ -140,6 +165,16 @@ a.c-2:hover { @@ -140,6 +165,16 @@ a.c-2:hover {
margin-right: auto
}
.my-36 {
margin-top: 36px;
margin-bottom: 36px
}
.my-48 {
margin-top: 48px;
margin-bottom: 48px
}
.my-100 {
margin-top: 100px;
margin-bottom: 100px
@ -183,6 +218,10 @@ a.c-2:hover { @@ -183,6 +218,10 @@ a.c-2:hover {
}
/* positioning */
.o-h {
overflow: hidden
}
.d-inline-block {
display: inline-block
}
@ -218,8 +257,8 @@ a.c-2:hover { @@ -218,8 +257,8 @@ a.c-2:hover {
}
/* borders */
.b-radius-4 {
border-radius: 4px
.b-r-3 {
border-radius: 3px
}
.b-1 {
@ -227,6 +266,11 @@ a.c-2:hover { @@ -227,6 +266,11 @@ a.c-2:hover {
border-style: solid
}
.b-2 {
border-width: 1px;
border-style: dashed
}
.bb-1 {
border-bottom-width: 1px;
border-bottom-style: solid
@ -235,3 +279,19 @@ a.c-2:hover { @@ -235,3 +279,19 @@ a.c-2:hover {
.b-c-0 {
border-color: #fff
}
.b-c-4 {
border-color: #ccc
}
.b-c-101 { /* branding namespace reserved from 100-199 */
border-color: #c7ffe9
}
.b-c-102 { /* branding namespace reserved from 100-199 */
border-color: #dd92e4;
}
.b-c-103 { /* branding namespace reserved from 100-199 */
border-color: #9bb6da;
}

14
index.html
Unescape View File

@ -18,8 +18,8 @@ @@ -18,8 +18,8 @@
</div>
<div class="nav bg-c-2 bg-img-2 float-right t-right h-48 lh-48">
<div class="px-16">
<a class="c-1 ml-16" href="/"><i class="bi-house-door mr-6"></i>Home</a>
<a class="c-1 ml-16" href="#"><i class="bi-download mr-6"></i>Install</a>
<span class="c-0 ml-16"><i class="bi-house-door mr-6"></i>Home</span>
<a class="c-1 ml-16" href="install.html"><i class="bi-download mr-6"></i>Install</a>
<a class="c-1 ml-16" href="#"><i class="bi-tv mr-6"></i>Features</a>
<a class="c-1 ml-16" href="#"><i class="bi-info-circle mr-6"></i>Docs</a>
<a class="c-1 ml-16" href="#"><i class="bi-wallet mr-6"></i>Fundation</a>
@ -36,13 +36,13 @@ @@ -36,13 +36,13 @@
<div class="c-2 mb-48">Twisterarmy is the Twister Project supported by Community</div>
<div>
<a class="btn btn-1" href="https://github.com/orgs/twisterarmy/projects">Roadmap</a>
<a class="btn btn-1" href="#">Guide</a>
<a class="btn btn-1" href="install.html">Install</a>
</div>
</div>
<div class="mw-1024 mx-auto of-hidden mb-48">
<div class="grid float-left w-33-100">
<div class="p-16">
<div class="p-16 bg-c-3 b-1 b-c-0 b-radius-4">
<div class="p-16 bg-c-3 b-1 b-c-0 b-r-3">
<div class="bb-1 b-c-0 f-size-20 pb-10 mb-16">Free Speech</div>
<div>No censorship. No one can remove your posts or block your account.</div>
</div>
@ -50,7 +50,7 @@ @@ -50,7 +50,7 @@
</div>
<div class="grid float-left w-33-100">
<div class="p-16">
<div class="p-16 bg-c-3 b-1 b-c-0 b-radius-4">
<div class="p-16 bg-c-3 b-1 b-c-0 b-r-3">
<div class="bb-1 b-c-0 f-size-20 pb-10 mb-16">Decentralized</div>
<div>Completely decentralized P2P platform based on Bitcoin and BitTorrent protocols.</div>
</div>
@ -58,7 +58,7 @@ @@ -58,7 +58,7 @@
</div>
<div class="grid float-left w-33-100">
<div class="p-16">
<div class="p-16 bg-c-3 b-1 b-c-0 b-radius-4">
<div class="p-16 bg-c-3 b-1 b-c-0 b-r-3">
<div class="bb-1 b-c-0 f-size-20 pb-10 mb-16">Open Source</div>
<div>Software is 100% open source provided under the MIT License.</div>
</div>
@ -77,7 +77,7 @@ @@ -77,7 +77,7 @@
<div class="grid float-left w-33-100">
<div class="p-16">
<div class="p-16">
<div class="bb-1 b-c-0 f-size-20 pb-10 mb-16">Webapp</div>
<div class="bb-1 b-c-0 f-size-20 pb-10 mb-16">Web App</div>
<div class="mb-16">
<a class="c-1" href="https://github.com/twisterarmy/twister-html/releases/tag/master-1.0"><i class="bi-download mr-6"></i>Master Edition v1.0</a>
</div>

159
install.html
Unescape View File

@ -0,0 +1,159 @@ @@ -0,0 +1,159 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Twisterarmy - Community Twister Movement</title>
<link rel="stylesheet" type="text/css" href="css/font.css" />
<link rel="stylesheet" type="text/css" href="css/bi.css" />
<link rel="stylesheet" type="text/css" href="css/common.css" />
<link rel="stylesheet" type="text/css" href="css/mobile.css" />
</head>
<body class="bg-c-1 bg-img-1 c-0">
<div class="bg-c-2 bg-img-2 c-1 of-hidden">
<div class="mw-1024 mx-auto">
<div class="nav float-left h-48 lh-48">
<div class="px-16">
<a class="c-1 f-size-18" href="/">Twisterarmy <i>Gateway</i></a>
</div>
</div>
<div class="nav bg-c-2 bg-img-2 float-right t-right h-48 lh-48">
<div class="px-16">
<a class="c-1 ml-16" href="/"><i class="bi-house-door mr-6"></i>Home</a>
<span class="c-0 ml-16"><i class="bi-download mr-6"></i>Install</span>
<a class="c-1 ml-16" href="#"><i class="bi-tv mr-6"></i>Features</a>
<a class="c-1 ml-16" href="#"><i class="bi-info-circle mr-6"></i>Docs</a>
<a class="c-1 ml-16" href="#"><i class="bi-wallet mr-6"></i>Fundation</a>
<a class="c-1 ml-16" href="#"><i class="bi-pie-chart mr-6"></i>Statute</a>
</div>
</div>
</div>
</div>
<div class="mw-1024 mx-auto of-hidden my-48">
<div class="p-16 o-h">
<div class="f-size-26 pb-10 mb-16 px-12 t-center">Twister Installation Guide</div>
<div class="my-36 p-16 b-c-4 b-2">
<i class="bi-info-circle mr-6 f-size-26 float-right p-16 c-2"></i>
<p class="c-2">
&bull; <i>At this moment, latest version of twister software available in the source code only.</i>
</p>
<p class="c-2">
&bull; <i>The software provided as is, we do not provide any warancies and you install and use this software by your own risk.</i>
</p>
<p class="c-2">
&bull; <i>
To make installation process more simplest, use
<a class="c-2" href="https://github.com/twisterarmy/twister-cli-installer/releases/tag/twisterarmy-0.1">twister-cli-installer (0.1 alpha)</a>
or
<a class="c-2" href="https://github.com/twisterarmy/twister-install/releases/tag/0.2.0-alpha">twister-install (0.2.0 alpha)</a>
command-line sripts,<br /> untill the desktop and mobile applications will be released.
</i>
</p>
<p class="c-2">
&bull; <i>If you need any help with installation issues, please use feedback link in the package selected.</i>
</p>
</div>
</div>
<div class="p-16 o-h">
<div class="bb-1 b-c-0 f-size-20 pb-10 mb-16 px-12">1. Install twister core</div>
<div class="p-16 c-2">
Twister core is patched and independent fork of Bitcoin core, which provides user registration and authentication features.
Post distribution in this package uses kademlia DHT network and bittorrent-like swarms, both are provided by libtorrent.
Twister core needed to interact with the twisterverse network, using any kind of applications, provided in the next step.
</div>
<div class="grid float-left w-33-100">
<div class="p-16">
<div class="p-16 b-c-101 bg-c-101 b-1 b-r-3">
<div class="bb-1 b-c-0 f-size-20 pb-10 mb-16">Master Edition v1.0</div>
<div class="pb-10">Official, stable twister core node.</div>
<div>
<a class="c-3" href="https://github.com/twisterarmy/twister-core/releases/tag/master-1.0">Download</a>
|
<a class="c-3" href="https://github.com/twisterarmy/twister-core#compiling">Installation guide</a>
|
<a class="c-3" href="https://github.com/twisterarmy/twister-core/issues">Feedback</a>
</div>
</div>
</div>
</div>
</div>
<div class="p-16 o-h">
<div class="bb-1 b-c-0 f-size-20 pb-10 mb-16 px-12">2. Choose application to interact with twister core</div>
<div class="p-16 c-2">
Web application needed to interact with twister core ecosystem using web browser.
</div>
<div class="grid float-left w-33-100">
<div class="p-16">
<div class="p-16 b-c-101 bg-c-101 b-1 b-r-3">
<div class="bb-1 b-c-0 f-size-20 pb-10 mb-16">Master Edition v1.0</div>
<div class="pb-10">Official, stable twister web app client.</div>
<div>
<a class="c-3" href="https://github.com/twisterarmy/twister-html/releases/tag/master-1.0">Download</a>
|
<a class="c-3" href="https://github.com/twisterarmy/twister-html#twister-html">Installation guide</a>
|
<a class="c-3" href="https://github.com/twisterarmy/twister-html/issues">Feedback</a>
</div>
</div>
</div>
</div>
<div class="grid float-left w-33-100">
<div class="p-16">
<div class="p-16 b-c-102 bg-c-102 b-1 b-r-3">
<div class="bb-1 b-c-0 f-size-20 pb-10 mb-16">Blaster Edition v1.0</div>
<div class="pb-10">Official, nigtly twister web app client that includes latest beta updates.</div>
<div>
<a class="c-3" href="https://github.com/twisterarmy/twister-html/releases/tag/blaster-1.0">Download</a>
|
<a class="c-3" href="https://github.com/twisterarmy/twister-html/tree/blaster#twister-html">Installation guide</a>
|
<a class="c-3" href="https://github.com/twisterarmy/twister-html/issues">Feedback</a>
</div>
</div>
</div>
</div>
<div class="grid float-left w-33-100">
<div class="p-16">
<div class="p-16 b-c-103 bg-c-3 b-1 b-r-3">
<div class="bb-1 b-c-0 f-size-20 pb-10 mb-16">TA Edition v1.1</div>
<div class="pb-10">Community-based, web app client, that includes official Blaster updates and alternative features.</div>
<div>
<a class="c-3" href="https://github.com/twisterarmy/twister-html/releases/tag/twisterarmy-1.1">Download</a>
|
<a class="c-3" href="https://github.com/twisterarmy/twister-html/tree/twisterarmy#twister-html">Installation guide</a>
|
<a class="c-3" href="https://github.com/twisterarmy/twister-html/issues">Feedback</a>
</div>
</div>
</div>
</div>
</div>
<div class="p-16 o-h">
<div class="bb-1 b-c-0 f-size-20 pb-10 mb-16 px-12">3. Support the network</div>
<div class="p-16 c-2">
<div class="pb-10 c-2">
To support the twister infrastructure, just start generating blocks and advertise.
</div>
<div class="pb-10 c-2">
Altertnatively, like Bitcoin, twister network requires a couple of special DNS servers (seeders) which provide an updated list of known peers.
If you have a 24×7 linux machine and you are able to add an special NS record to your domain, please consider running twister-seeder.
</div>
</div>
<div class="grid float-left w-33-100">
<div class="p-16">
<div class="p-16 bg-c-101 b-1 b-c-101 b-r-3">
<div class="bb-1 b-c-0 f-size-20 pb-10 mb-16">Master Edition v1.0</div>
<div class="pb-10">Official, stable twister-seeder node.</div>
<div>
<a class="c-3" href="https://github.com/twisterarmy/twister-seeder/releases/tag/master-1.0">Download</a>
|
<a class="c-3" href="https://github.com/twisterarmy/documentation/wiki/twister-seeder-node-setup-%5Btranslate-required%5D">Installation guide</a>
|
<a class="c-3" href="https://github.com/twisterarmy/twister-seeder/issues">Feedback</a>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Write Preview
Loading…
Cancel
Save