auth pages
parent
9397e768e5
commit
954a526671
assets/style
content/guide
|
@ -13,7 +13,7 @@ $hr: #d30012; // hr
|
||||||
|
|
||||||
$btn-color: #faf1e5; // button
|
$btn-color: #faf1e5; // button
|
||||||
$btnh-color: #f5ece0; // button hover
|
$btnh-color: #f5ece0; // button hover
|
||||||
$i-color: #faf3ea; // input
|
$i-color: #494949; // input
|
||||||
|
|
||||||
// Font Colors
|
// Font Colors
|
||||||
$f-color: #ffffff; // primary
|
$f-color: #ffffff; // primary
|
||||||
|
|
|
@ -50,9 +50,10 @@ a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@import 'components/header';
|
||||||
|
@import 'components/footer';
|
||||||
@import 'pages/index';
|
@import 'pages/index';
|
||||||
@import 'pages/pages';
|
@import 'pages/pages';
|
||||||
@import 'pages/guide';
|
@import 'pages/guide';
|
||||||
|
@import 'pages/auth';
|
||||||
@import 'pages/404';
|
@import 'pages/404';
|
||||||
@import 'components/header';
|
|
||||||
@import 'components/footer';
|
|
|
@ -0,0 +1,67 @@
|
||||||
|
.login,
|
||||||
|
.register {
|
||||||
|
max-width: 24rem;
|
||||||
|
padding: 2rem 2rem;
|
||||||
|
margin: 0 auto;
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
margin: 1rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.newbie,
|
||||||
|
.reset,
|
||||||
|
.policy {
|
||||||
|
font-size: .9rem;
|
||||||
|
font-weight: 400;
|
||||||
|
margin: .5rem 0;
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: $link;
|
||||||
|
&:hover { text-decoration: underline }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
form {
|
||||||
|
margin: 1rem 0;
|
||||||
|
|
||||||
|
button,
|
||||||
|
.input input {
|
||||||
|
width: 100%;
|
||||||
|
color: $w-color;
|
||||||
|
background: $b-color;
|
||||||
|
font-family: $p-font;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input {
|
||||||
|
label {
|
||||||
|
display: block;
|
||||||
|
font-size: .9rem;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
input {
|
||||||
|
font-size: 1rem;
|
||||||
|
font-weight: 400;
|
||||||
|
padding: .5rem 1rem;
|
||||||
|
margin: .25rem 0 .75rem 0;
|
||||||
|
border: 1px solid $i-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
font-size: .9rem;
|
||||||
|
font-weight: 500;
|
||||||
|
padding: .5rem 1rem .6rem 1rem;
|
||||||
|
border: 1px solid $s-color;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
background: rgba($s-color, .05);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
|
@ -81,9 +81,7 @@ Additionally, because Bitcoin is not backed by any government or central authori
|
||||||
|
|
||||||
#### Bitcoin wallets – types and how to choose one
|
#### Bitcoin wallets – types and how to choose one
|
||||||
|
|
||||||
Bitcoin wallets are digital wallets that allow you to store, send, and receive Bitcoin.
|
Bitcoin wallets are digital wallets that allow you to store, send, and receive Bitcoin. There are several types of Bitcoin wallets, including desktop wallets, mobile wallets, and hardware wallets.
|
||||||
|
|
||||||
There are several types of Bitcoin wallets, including desktop wallets, mobile wallets, and hardware wallets.
|
|
||||||
|
|
||||||
When choosing a Bitcoin wallet, it is important to consider factors such as security, ease of use, and cost.
|
When choosing a Bitcoin wallet, it is important to consider factors such as security, ease of use, and cost.
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,37 @@
|
||||||
|
<script setup>
|
||||||
|
useHead({
|
||||||
|
title: 'Sign in | crbtc.org',
|
||||||
|
meta: [
|
||||||
|
{
|
||||||
|
name: 'description',
|
||||||
|
content: ``
|
||||||
|
},
|
||||||
|
],
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="login">
|
<div class="login">
|
||||||
<h4>This has not been developed yet...</h4>
|
<h3>Sign in to your account</h3>
|
||||||
|
<h4 class="policy">By continuing, you agree to our <NuxtLink href="terms">Terms of
|
||||||
|
use</NuxtLink> and <NuxtLink href="privacy">Privacy policy</NuxtLink>.</h4>
|
||||||
|
|
||||||
|
<form>
|
||||||
|
<div class="input">
|
||||||
|
<label>Email</label>
|
||||||
|
<input placeholder="Enter your email" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="input">
|
||||||
|
<label>Password</label>
|
||||||
|
<input placeholder="********" type="password" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button>Sign in</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<p class="newbie">Don't have an account? <NuxtLink href="/register">Create account</NuxtLink></p>
|
||||||
|
<p class="reset">Forgot password? <NuxtLink href="/reset">Reset password</NuxtLink></p>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
|
@ -1,5 +1,41 @@
|
||||||
|
<script setup>
|
||||||
|
useHead({
|
||||||
|
title: 'Create account | crbtc.org',
|
||||||
|
meta: [
|
||||||
|
{
|
||||||
|
name: 'description',
|
||||||
|
content: ``
|
||||||
|
},
|
||||||
|
],
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="login">
|
<div class="register">
|
||||||
<h4>This has not been developed yet either...</h4>
|
<h3>Create your account</h3>
|
||||||
|
<h4 class="policy">By continuing, you agree to our <NuxtLink href="terms">Terms of
|
||||||
|
use</NuxtLink> and <NuxtLink href="privacy">Privacy policy</NuxtLink>.</h4>
|
||||||
|
|
||||||
|
<form>
|
||||||
|
<div class="input">
|
||||||
|
<label>Username</label>
|
||||||
|
<input placeholder="Choose a username" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="input">
|
||||||
|
<label>Email</label>
|
||||||
|
<input placeholder="Enter your email" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="input">
|
||||||
|
<label>Password</label>
|
||||||
|
<input placeholder="********" type="password" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button>Create account</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<p class="newbie">Already have an account? <NuxtLink href="/login">Sign in</NuxtLink></p>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
Loading…
Reference in New Issue