mirror of
https://github.com/jwinterm/Cryptofantasy-site.git
synced 2026-10-17 05:01:26 +02:00
Fixed up colors and some formatting
This commit is contained in:
jwinterm
+34
-21
@@ -12,18 +12,21 @@ body {
|
||||
font-family: 'Merriweather', 'Helvetica Neue', Arial, sans-serif;
|
||||
}
|
||||
hr {
|
||||
border-color: #F05F40;
|
||||
border-color: #444444;
|
||||
border-width: 3px;
|
||||
max-width: 50px;
|
||||
}
|
||||
hr.light {
|
||||
border-color: white;
|
||||
}
|
||||
hr.thin {
|
||||
border-width: 1px;
|
||||
}
|
||||
a {
|
||||
-webkit-transition: all 0.35s;
|
||||
-moz-transition: all 0.35s;
|
||||
transition: all 0.35s;
|
||||
color: #F05F40;
|
||||
color: #aa4400;
|
||||
}
|
||||
a:hover,
|
||||
a:focus {
|
||||
@@ -42,13 +45,22 @@ p {
|
||||
line-height: 1.5;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.note {
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
font-size: 10;
|
||||
}
|
||||
.bg-primary {
|
||||
background-color: #F05F40;
|
||||
background-color: #444444;
|
||||
}
|
||||
.bg-dark {
|
||||
background-color: #222222;
|
||||
color: white;
|
||||
}
|
||||
.bg-light {
|
||||
background-color: #999999;
|
||||
color: white;
|
||||
}
|
||||
.bg-white {
|
||||
background-color: #ffffff;
|
||||
color: #000000;
|
||||
@@ -66,10 +78,11 @@ aside {
|
||||
padding: 0;
|
||||
}
|
||||
.plist {
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
text-align: left;
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
list-style: square inside;
|
||||
padding: none;
|
||||
}
|
||||
.speclist {
|
||||
font-size: 18px;
|
||||
@@ -86,7 +99,7 @@ aside {
|
||||
transition: all 0.35s;
|
||||
}
|
||||
.navbar-default .navbar-header .navbar-brand {
|
||||
color: #F05F40;
|
||||
color: #444444;
|
||||
font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
@@ -110,11 +123,11 @@ aside {
|
||||
}
|
||||
.navbar-default .nav > li > a:hover,
|
||||
.navbar-default .nav > li > a:focus:hover {
|
||||
color: #F05F40;
|
||||
color: #444444;
|
||||
}
|
||||
.navbar-default .nav > li.active > a,
|
||||
.navbar-default .nav > li.active > a:focus {
|
||||
color: #F05F40 !important;
|
||||
color: #444444 !important;
|
||||
background-color: transparent;
|
||||
}
|
||||
.navbar-default .nav > li.active > a:hover,
|
||||
@@ -146,7 +159,7 @@ aside {
|
||||
border-color: rgba(34, 34, 34, 0.05);
|
||||
}
|
||||
.navbar-default.affix .navbar-header .navbar-brand {
|
||||
color: #F05F40;
|
||||
color: #444444;
|
||||
font-size: 14px;
|
||||
}
|
||||
.navbar-default.affix .navbar-header .navbar-brand:hover,
|
||||
@@ -159,7 +172,7 @@ aside {
|
||||
}
|
||||
.navbar-default.affix .nav > li > a:hover,
|
||||
.navbar-default.affix .nav > li > a:focus:hover {
|
||||
color: #F05F40;
|
||||
color: #444444;
|
||||
}
|
||||
}
|
||||
header {
|
||||
@@ -261,7 +274,7 @@ header .header-content .header-content-inner p {
|
||||
color: white;
|
||||
opacity: 0;
|
||||
display: block;
|
||||
background: rgba(240, 95, 64, 0.9);
|
||||
background: rgba(100, 100, 100, 0.8);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
text-align: center;
|
||||
@@ -286,10 +299,10 @@ header .header-content .header-content-inner p {
|
||||
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
|
||||
font-size: 18px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.portfolio-box:hover .portfolio-box-caption {
|
||||
opacity: 1;
|
||||
@@ -299,17 +312,17 @@ header .header-content .header-content-inner p {
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
|
||||
font-size: 16px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
|
||||
font-size: 22px;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
.call-to-action h2 {
|
||||
margin: 0 auto 20px;
|
||||
}
|
||||
.text-primary {
|
||||
color: #F05F40;
|
||||
color: #444444;
|
||||
}
|
||||
.no-gutter > [class*='col-'] {
|
||||
padding-right: 0;
|
||||
@@ -365,8 +378,8 @@ fieldset[disabled] .btn-default.active {
|
||||
}
|
||||
.btn-primary {
|
||||
color: white;
|
||||
background-color: #F05F40;
|
||||
border-color: #F05F40;
|
||||
background-color: #444444;
|
||||
border-color: #444444;
|
||||
-webkit-transition: all 0.35s;
|
||||
-moz-transition: all 0.35s;
|
||||
transition: all 0.35s;
|
||||
@@ -404,11 +417,11 @@ fieldset[disabled] .btn-primary:active,
|
||||
.btn-primary.disabled.active,
|
||||
.btn-primary[disabled].active,
|
||||
fieldset[disabled] .btn-primary.active {
|
||||
background-color: #F05F40;
|
||||
border-color: #F05F40;
|
||||
background-color: #444444;
|
||||
border-color: #444444;
|
||||
}
|
||||
.btn-primary .badge {
|
||||
color: #F05F40;
|
||||
color: #444444;
|
||||
background-color: white;
|
||||
}
|
||||
.btn {
|
||||
|
||||
+371
-358
@@ -1,383 +1,396 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="cryptofantasy">
|
||||
<meta name="author" content="jwinterm">
|
||||
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico" >
|
||||
<title>Cryptofantasy</title>
|
||||
<!-- Bootstrap Core CSS -->
|
||||
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<!-- Custom Fonts -->
|
||||
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
|
||||
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
|
||||
<link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
|
||||
<!-- Plugin CSS -->
|
||||
<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
|
||||
<!-- Theme CSS -->
|
||||
<link href="css/creative.min.css" rel="stylesheet">
|
||||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
||||
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body id="page-top">
|
||||
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
|
||||
<div class="container-fluid">
|
||||
<!-- Brand and toggle get grouped for better mobile display -->
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
||||
<span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
|
||||
</button>
|
||||
<a class="navbar-brand page-scroll" href="#page-top">Cryptofantasy</a>
|
||||
</div>
|
||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li>
|
||||
<a class="page-scroll" href="#about">About</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="page-scroll" href="#services">Services</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="page-scroll" href="#portfolio">Portfolio</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="page-scroll" href="#contact">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- /.navbar-collapse -->
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="cryptofantasy">
|
||||
<meta name="author" content="jwinterm">
|
||||
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico" >
|
||||
<title>Cryptofantasy</title>
|
||||
<!-- Bootstrap Core CSS -->
|
||||
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<!-- Custom Fonts -->
|
||||
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
|
||||
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
|
||||
<link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
|
||||
<!-- Plugin CSS -->
|
||||
<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
|
||||
<!-- Theme CSS -->
|
||||
<link href="css/creative.css" rel="stylesheet">
|
||||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
||||
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
|
||||
<body id="page-top">
|
||||
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
|
||||
<div class="container-fluid">
|
||||
<!-- Brand and toggle get grouped for better mobile display -->
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
||||
<span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
|
||||
</button>
|
||||
<a class="navbar-brand page-scroll" href="#page-top">Cryptofantasy</a>
|
||||
</div>
|
||||
<!-- /.container-fluid -->
|
||||
</nav>
|
||||
<header>
|
||||
<div class="header-content">
|
||||
<div class="header-content-inner">
|
||||
<h1 id="homeHeading">Cryptofantasy</h1>
|
||||
<hr>
|
||||
<h3>Or how I learned to stop worrying and love the alts!</h3>
|
||||
<a href="#about" class="btn btn-primary btn-xl page-scroll">Find Out More</a>
|
||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li>
|
||||
<a class="page-scroll" href="#about">About</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="page-scroll" href="#services">Services</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="page-scroll" href="#portfolio">Portfolio</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="page-scroll" href="#contact">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- /.navbar-collapse -->
|
||||
</div>
|
||||
<!-- /.container-fluid -->
|
||||
</nav>
|
||||
|
||||
<header>
|
||||
<div class="header-content">
|
||||
<div class="header-content-inner">
|
||||
<h1 id="homeHeading">Cryptofantasy</h1>
|
||||
<hr>
|
||||
<h3>Or how I learned to stop worrying and love the alts!</h3>
|
||||
<a href="#about" class="btn btn-primary btn-xl page-scroll">Find Out More</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="bg-primary" id="about">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-lg-offset-2 text-center">
|
||||
<h2 class="section-heading">We've got what you need!</h2>
|
||||
<hr class="light">
|
||||
<p class="text-faded">Start learning about cryptocurrencies today! Weekly articles on news, notes, and technical discussion, an online work-in-progress book you can contribute to, and a cryptocurrency based game with real crypto prizes!</p>
|
||||
<a href="#services" class="page-scroll btn btn-default btn-xl sr-button">Get Started!</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<section class="bg-primary" id="about">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-lg-offset-2 text-center">
|
||||
<h2 class="section-heading">We've got what you need!</h2>
|
||||
<hr class="light">
|
||||
<p class="text-faded">Start learning about cryptocurrencies today! Weekly articles on news, notes, and technical discussion, an online work-in-progress book you can contribute to, and a cryptocurrency based game with real crypto prizes!</p>
|
||||
<a href="#services" class="page-scroll btn btn-default btn-xl sr-button">Get Started!</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="services">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center">
|
||||
<h2 class="section-heading">At Your Service</h2>
|
||||
<hr class="primary">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-6 text-center">
|
||||
<div class="service-box">
|
||||
<a class="page-scroll" href="#portfolio"><i class="fa fa-4x fa-bitcoin text-primary sr-icons"></i></a>
|
||||
<h3>Portfolio</h3>
|
||||
<p class="text-muted">Coins I hodl with a short intro about each.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 text-center">
|
||||
<div class="service-box">
|
||||
<a href="./walletgen.html"><i class="fa fa-4x fa-qrcode text-primary sr-icons"></i></a>
|
||||
<h3>Paper Wallets</h3>
|
||||
<p class="text-muted">You can generate paper wallets for coins listed on this site here.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 text-center">
|
||||
<div class="service-box">
|
||||
<a href="./news.html"><i class="fa fa-4x fa-newspaper-o text-primary sr-icons"></i></a>
|
||||
<h3>Up to Date</h3>
|
||||
<p class="text-muted">News and opinion pieces on the latest developments in the cryptosphere.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 text-center">
|
||||
<div class="service-box">
|
||||
<a href="./games"><i class="fa fa-4x fa-gamepad text-primary sr-icons"></i></a>
|
||||
<h3>Made for fun</h3>
|
||||
<p class="text-muted">Crypto-based games to play here and elsewhere.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="services">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center">
|
||||
<h2 class="section-heading">At Your Service</h2>
|
||||
<hr class="primary">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="no-padding" id="portfolio">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center">
|
||||
<h2 class="section-heading">Coin Portfolio</h2>
|
||||
<hr class="primary">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-6 text-center">
|
||||
<div class="service-box">
|
||||
<a class="page-scroll" href="#portfolio"><i class="fa fa-4x fa-bitcoin text-primary sr-icons"></i></a>
|
||||
<h3>Portfolio</h3>
|
||||
<p class="text-muted">Coins I hodl with a short intro about each.</p>
|
||||
</div>
|
||||
<div class="container-fluid">
|
||||
<div class="row no-gutter">
|
||||
<div class="col-lg-3 col-sm-3">
|
||||
</div>
|
||||
<div class="col-lg-1 col-sm-1">
|
||||
<a href="portfolio/bitcoin.html" class="portfolio-box">
|
||||
<img src="img/portfolio/Bitcoin.png" class="img-responsive" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Bitcoin
|
||||
</div>
|
||||
<div class="project-name">
|
||||
Ol' Grandaddy
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 text-center">
|
||||
<div class="service-box">
|
||||
<a href="./walletgen.html"><i class="fa fa-4x fa-qrcode text-primary sr-icons"></i></a>
|
||||
<h3>Paper Wallets</h3>
|
||||
<p class="text-muted">You can generate paper wallets for coins listed on this site here.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-1 col-sm-1">
|
||||
<a href="portfolio/monero.html" class="portfolio-box">
|
||||
<img src="img/portfolio/Monero.png" class="img-responsive" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Monero
|
||||
</div>
|
||||
<div class="project-name">
|
||||
The Dark Horse
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 text-center">
|
||||
<div class="service-box">
|
||||
<a href="./news.html"><i class="fa fa-4x fa-newspaper-o text-primary sr-icons"></i></a>
|
||||
<h3>Up to Date</h3>
|
||||
<p class="text-muted">News and opinion pieces on the latest developments in the cryptosphere.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-1 col-sm-1">
|
||||
<a href="portfolio/myriad.html" class="portfolio-box">
|
||||
<img src="img/portfolio/Myriad.png" class="img-responsive" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Myriad
|
||||
</div>
|
||||
<div class="project-name">
|
||||
A Coin for Everyone
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 text-center">
|
||||
<div class="service-box">
|
||||
<a href="./games"><i class="fa fa-4x fa-gamepad text-primary sr-icons"></i></a>
|
||||
<h3>Made for fun</h3>
|
||||
<p class="text-muted">Crypto-based games to play here and elsewhere.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-1 col-sm-1">
|
||||
<a href="portfolio/vertcoin.html" class="portfolio-box">
|
||||
<img src="img/portfolio/Vertcoin.png" class="img-responsive" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Vertcoin
|
||||
</div>
|
||||
<div class="project-name">
|
||||
Mean Green
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-1 col-sm-1">
|
||||
<a href="portfolio/litecoin.html" class="portfolio-box">
|
||||
<img src="img/portfolio/Litecoin.png" class="img-responsive" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Litecoin
|
||||
</div>
|
||||
<div class="project-name">
|
||||
Something Something Silver
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-1 col-sm-1">
|
||||
<a href="portfolio/decred.html" class="portfolio-box">
|
||||
<img src="img/portfolio/Decred.png" class="img-responsive" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Decred
|
||||
</div>
|
||||
<div class="project-name">
|
||||
Future Overlords
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-3">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="no-padding" id="portfolio">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center">
|
||||
<h2 class="section-heading">Coin Portfolio</h2>
|
||||
<hr class="primary">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container-fluid">
|
||||
<div class="row no-gutter popup-gallery">
|
||||
<div class="col-lg-3 col-sm-3">
|
||||
</div>
|
||||
<div class="col-lg-1 col-sm-1">
|
||||
<a href="portfolio/aeon.html" class="portfolio-box">
|
||||
<img src="img/portfolio/Aeon.png" class="img-responsive" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Aeon
|
||||
</div>
|
||||
<div class="project-name">
|
||||
It's a Lifestyle
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-1 col-sm-1">
|
||||
<a href="portfolio/groestlcoin.html" class="portfolio-box">
|
||||
<img src="img/portfolio/Groestlcoin.png" class="img-responsive" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Groestlcoin
|
||||
</div>
|
||||
<div class="project-name">
|
||||
It's What's for Dinner
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-1 col-sm-1">
|
||||
<a href="portfolio/byteball.html" class="portfolio-box">
|
||||
<img src="img/portfolio/Byteball.png" class="img-responsive" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Byteball
|
||||
</div>
|
||||
<div class="project-name">
|
||||
Moondrop
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-1 col-sm-1">
|
||||
<a href="portfolio/nyancoin.html" class="portfolio-box">
|
||||
<img src="img/portfolio/Nyancoin.png" class="img-responsive" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Nyancoin
|
||||
</div>
|
||||
<div class="project-name">
|
||||
Poptart Cat
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-1 col-sm-1">
|
||||
<a href="portfolio/pepecash.html" class="portfolio-box">
|
||||
<img src="img/portfolio/Pepecash.png" class="img-responsive" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Pepecash
|
||||
</div>
|
||||
<div class="project-name">
|
||||
Rare Pepes on the Blockchain
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-1 col-sm-1">
|
||||
<a href="portfolio/unitus.html" class="portfolio-box">
|
||||
<img src="img/portfolio/Unitus.png" class="img-responsive" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Unitus
|
||||
</div>
|
||||
<div class="project-name">
|
||||
E Pluribus Unum
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-3">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container-fluid">
|
||||
<div class="row no-gutter">
|
||||
<div class="col-lg-3 col-sm-3">
|
||||
</div>
|
||||
<div class="col-lg-1 col-sm-1">
|
||||
<a href="portfolio/bitcoin.html" class="portfolio-box">
|
||||
<img src="img/portfolio/Bitcoin.png" class="img-responsive" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Bitcoin
|
||||
</div>
|
||||
<div class="project-name">
|
||||
Ol' Grandaddy
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-1 col-sm-1">
|
||||
<a href="portfolio/monero.html" class="portfolio-box">
|
||||
<img src="img/portfolio/Monero.png" class="img-responsive" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Monero
|
||||
</div>
|
||||
<div class="project-name">
|
||||
The Dark Horse
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-1 col-sm-1">
|
||||
<a href="portfolio/myriad.html" class="portfolio-box">
|
||||
<img src="img/portfolio/Myriad.png" class="img-responsive" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Myriad
|
||||
</div>
|
||||
<div class="project-name">
|
||||
A Coin for Everyone
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-1 col-sm-1">
|
||||
<a href="portfolio/vertcoin.html" class="portfolio-box">
|
||||
<img src="img/portfolio/Vertcoin.png" class="img-responsive" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Vertcoin
|
||||
</div>
|
||||
<div class="project-name">
|
||||
Mean Green
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-1 col-sm-1">
|
||||
<a href="portfolio/litecoin.html" class="portfolio-box">
|
||||
<img src="img/portfolio/Litecoin.png" class="img-responsive" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Litecoin
|
||||
</div>
|
||||
<div class="project-name">
|
||||
Something Something Silver
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-1 col-sm-1">
|
||||
<a href="portfolio/decred.html" class="portfolio-box">
|
||||
<img src="img/portfolio/Decred.png" class="img-responsive" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Decred
|
||||
</div>
|
||||
<div class="project-name">
|
||||
Future Overlords
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-3">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<aside class="bg-light">
|
||||
</aside>
|
||||
|
||||
<aside class="bg-dark">
|
||||
<div class="container text-center">
|
||||
<div class="call-to-action">
|
||||
<h2></h2>
|
||||
<a href="" class="btn btn-default btn-xl sr-button">Does nothing!</a>
|
||||
</div>
|
||||
<div class="container-fluid">
|
||||
<div class="row no-gutter popup-gallery">
|
||||
<div class="col-lg-3 col-sm-3">
|
||||
</div>
|
||||
<div class="col-lg-1 col-sm-1">
|
||||
<a href="portfolio/aeon.html" class="portfolio-box">
|
||||
<img src="img/portfolio/Aeon.png" class="img-responsive" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Aeon
|
||||
</div>
|
||||
<div class="project-name">
|
||||
It's a Lifestyle
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-1 col-sm-1">
|
||||
<a href="portfolio/groestlcoin.html" class="portfolio-box">
|
||||
<img src="img/portfolio/Groestlcoin.png" class="img-responsive" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Groestlcoin
|
||||
</div>
|
||||
<div class="project-name">
|
||||
It's What's for Dinner
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-1 col-sm-1">
|
||||
<a href="portfolio/byteball.html" class="portfolio-box">
|
||||
<img src="img/portfolio/Byteball.png" class="img-responsive" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Byteball
|
||||
</div>
|
||||
<div class="project-name">
|
||||
Moondrop
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-1 col-sm-1">
|
||||
<a href="portfolio/nyancoin.html" class="portfolio-box">
|
||||
<img src="img/portfolio/Nyancoin.png" class="img-responsive" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Nyancoin
|
||||
</div>
|
||||
<div class="project-name">
|
||||
Poptart Cat
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-1 col-sm-1">
|
||||
<a href="portfolio/pepecash.html" class="portfolio-box">
|
||||
<img src="img/portfolio/Pepecash.png" class="img-responsive" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Pepecash
|
||||
</div>
|
||||
<div class="project-name">
|
||||
Rare Pepes on the Blockchain
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-1 col-sm-1">
|
||||
<a href="portfolio/unitus.html" class="portfolio-box">
|
||||
<img src="img/portfolio/Unitus.png" class="img-responsive" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Unitus
|
||||
</div>
|
||||
<div class="project-name">
|
||||
E Pluribus Unum
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-3">
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<section id="contact">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-lg-offset-2 text-center">
|
||||
<h2 class="section-heading">Let's Get In Touch!</h2>
|
||||
<hr class="primary">
|
||||
<p>You can ping me at any of the places below.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<aside class="bg-light">
|
||||
</aside>
|
||||
<aside class="bg-dark">
|
||||
<div class="container text-center">
|
||||
<div class="call-to-action">
|
||||
<h2></h2>
|
||||
<a href="" class="btn btn-default btn-xl sr-button">Does nothing!</a>
|
||||
<div class="col-lg-2 col-lg-offset-2 text-center">
|
||||
<a href="https://www.reddit.com/user/jwinterm/">
|
||||
<i class="fa fa-reddit fa-3x sr-contact"></i>
|
||||
<p>/u/jwinterm</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<section id="contact">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-lg-offset-2 text-center">
|
||||
<h2 class="section-heading">Let's Get In Touch!</h2>
|
||||
<hr class="primary">
|
||||
<p>You can ping me at any of the places below.</p>
|
||||
</div>
|
||||
<div class="col-lg-2 col-lg-offset-2 text-center">
|
||||
<a href="https://www.reddit.com/user/jwinterm/">
|
||||
<i class="fa fa-reddit fa-3x sr-contact"></i>
|
||||
<p>/u/jwinterm</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2 text-center">
|
||||
<a href="https://bitcointalk.org/index.php?action=profile;u=223368;sa=summary">
|
||||
<i class="fa fa-btc fa-3x sr-contact"></i>
|
||||
<p>bitcointalk.org</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2 text-center">
|
||||
<a href="https://twitter.com/jwgealt">
|
||||
<i class="fa fa-twitter fa-3x sr-contact"></i>
|
||||
<p>@jwgealt</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2 text-center">
|
||||
<div class="col-lg-2 text-center">
|
||||
<a href="https://bitcointalk.org/index.php?action=profile;u=223368;sa=summary">
|
||||
<i class="fa fa-btc fa-3x sr-contact"></i>
|
||||
<p>bitcointalk.org</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2 text-center">
|
||||
<a href="https://twitter.com/jwgealt">
|
||||
<i class="fa fa-twitter fa-3x sr-contact"></i>
|
||||
<p>@jwgealt</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2 text-center">
|
||||
<a href="mailto:jwinterm@tutanota.com">
|
||||
<i class="fa fa-envelope-o fa-3x sr-contact"></i>
|
||||
<p><a href="mailto:your-email@your-domain.com">feedback@startbootstrap.com</a></p>
|
||||
</div>
|
||||
<p>jwinterm@tutanota.com</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- jQuery -->
|
||||
<script src="vendor/jquery/jquery.min.js"></script>
|
||||
<!-- Bootstrap Core JavaScript -->
|
||||
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
|
||||
<!-- Plugin JavaScript -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
|
||||
<script src="vendor/scrollreveal/scrollreveal.min.js"></script>
|
||||
<script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
|
||||
<!-- Theme JavaScript -->
|
||||
<script src="js/creative.min.js"></script>
|
||||
</body>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- jQuery -->
|
||||
<script src="vendor/jquery/jquery.min.js"></script>
|
||||
<!-- Bootstrap Core JavaScript -->
|
||||
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
|
||||
<!-- Plugin JavaScript -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
|
||||
<script src="vendor/scrollreveal/scrollreveal.min.js"></script>
|
||||
<script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
|
||||
<!-- Theme JavaScript -->
|
||||
<script src="js/creative.min.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
+55
-5
@@ -83,12 +83,15 @@
|
||||
</p>
|
||||
<p class="text-faded">
|
||||
Bitcoin, being the first functional decentralized cryptocurrency, sets the standard for many of the attributes commonly found to be desirable in other cryptocurrencies:
|
||||
<ul>
|
||||
<ul class="plist">
|
||||
<li> It is resistant to change without wide consensus from the community of developers, miners, and users.</li>
|
||||
<li> It is essentially immutable - any transaction confirmed for six blocks can not be reversed.</li>
|
||||
<li> It is...</li>
|
||||
<li> It is a store of value. With increased usage its value relative to the dollar has only increased over time.<li>
|
||||
</ul>
|
||||
</p>
|
||||
<p class="text-faded">
|
||||
Although many other have come along since it's launch, none have succeeded in gaining the widespread adoption that Bitcoin currently enjoys.
|
||||
</p>
|
||||
<a href="#specs" class="page-scroll btn btn-default btn-xl sr-button">Get the specs!</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -113,13 +116,60 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-white" id="links">
|
||||
<section class="bg-light" id="links">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-lg-offset-2 text-center">
|
||||
<h2 class="section-heading">Useful links</h2>
|
||||
<hr class="light">
|
||||
<h4>"Official" <strong class="note">(what is really official for a decentralized project?)</strong> links:</h4>
|
||||
|
||||
<ul class="plist">
|
||||
<li> <a href="https://bitcoin.org"> Bitcoin.org </a> </li>
|
||||
<li> <a href="https://github.com/bitcoin/bitcoin"> Bitcoin Core Github </a> </li>
|
||||
</ul>
|
||||
<hr class="thin">
|
||||
<h4>Educational stuff:</h4>
|
||||
<hr class="thin">
|
||||
<h4>Exchanges:</h4>
|
||||
<hr class="thin">
|
||||
<h4>Mining pools:</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-white" id="community">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-lg-offset-2 text-center">
|
||||
<h2 class="section-heading">Community</h2>
|
||||
<hr class="light">
|
||||
<a href="#services" class="page-scroll btn btn-default btn-xl sr-button">Get Started!</a>
|
||||
<hr class="primary">
|
||||
<p>Get in touch with other bitcoiners!</p>
|
||||
</div>
|
||||
<div class="col-lg-2 col-lg-offset-2 text-center">
|
||||
<a href="https://www.reddit.com/r/Bitcoin">
|
||||
<i class="fa fa-reddit fa-3x sr-contact"></i>
|
||||
<p>/r/Bitcoin</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2 text-center">
|
||||
<a href="https://bitcointalk.org/">
|
||||
<i class="fa fa-btc fa-3x sr-contact"></i>
|
||||
<p>bitcointalk.org</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2 text-center">
|
||||
<a href="https://kiwiirc.com/client/irc.freenode.net/?nick=bitcoiner|?#bitcoin">
|
||||
<i class="fa fa-wechat fa-3x sr-contact"></i>
|
||||
<p>Freenode</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2 text-center">
|
||||
<a href="https://lists.linuxfoundation.org/mailman/listinfo/bitcoin-dev">
|
||||
<i class="fa fa-envelope-o fa-3x sr-contact"></i>
|
||||
<p>Mailing list</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user