Before Width: | Height: | Size: 7.5 KiB After Width: | Height: | Size: 7.5 KiB |
Before Width: | Height: | Size: 8.4 KiB |
Before Width: | Height: | Size: 14 KiB |
Before Width: | Height: | Size: 3.1 MiB |
Before Width: | Height: | Size: 516 KiB |
Before Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 281 KiB |
Before Width: | Height: | Size: 360 KiB |
Before Width: | Height: | Size: 4.8 KiB |
Before Width: | Height: | Size: 15 KiB |
Before Width: | Height: | Size: 3.3 KiB |
Before Width: | Height: | Size: 3.5 KiB |
Before Width: | Height: | Size: 5.3 KiB |
Before Width: | Height: | Size: 144 KiB |
Before Width: | Height: | Size: 234 KiB |
Before Width: | Height: | Size: 24 KiB |
Before Width: | Height: | Size: 7.1 KiB |
Before Width: | Height: | Size: 216 KiB |
Before Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 20 KiB |
Before Width: | Height: | Size: 7.8 KiB |
Before Width: | Height: | Size: 2.2 KiB |
Before Width: | Height: | Size: 614 B |
Before Width: | Height: | Size: 329 KiB |
Before Width: | Height: | Size: 2.3 KiB |
@ -1,148 +1,12 @@
|
||||
<!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.0" />
|
||||
<title>Neroshop</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap"rel="stylesheet"/>
|
||||
<link rel="icon" href="images\favicon.ico" type="image/x-icon">
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
<link rel="shortcut icon" href="assets/favicon.png" type="image/x-icon" />
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header class="main_header">
|
||||
|
||||
<a class="main_brand" href="/"> <img src="assets/favicon.png" alt="" class="titleImage"> NeroShop </a>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#join">Join our community</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#donation">Donation</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#apply">Private Beta Signup</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="hamburger_menu">
|
||||
<div> </div>
|
||||
<div> </div>
|
||||
<div> </div>
|
||||
</div>
|
||||
</header>
|
||||
<nav class="nav_mobile" >
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#join">Join our community</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#donation">Donation</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#apply">Private Beta Signup</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<section class="hero">
|
||||
<div class="">
|
||||
<h1>The First Decentralized Privacy-centric Marketplace</h1>
|
||||
<p>Neroshop is a user-friendly and censorship-resistant distributed P2P marketplace for Monero users.</p>
|
||||
<h2>What makes neroshop different</h2>
|
||||
<ol>
|
||||
<li>There are no fees or restrictions.</li>
|
||||
<li>All data is private and secure.</li>
|
||||
<li>The payment is with Monero (XMR) a digital currency that is designed to be untraceable and anonymous.</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="200px" height="200px" x="0" y="0" viewBox="0 0 64 64" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="m44 55h-24l-1.5 8h27z" fill="#323b46" data-original="#323b46" class=""></path><path d="m24 50h16v9h-16z" fill="#414655" data-original="#414655" class=""></path><path d="m24 50h16v2h-16z" fill="#323b46" data-original="#323b46" class=""></path><rect fill="#55566b" height="49" rx="4" width="62" x="1" y="1" data-original="#55566b"></rect><path d="m6 3a3 3 0 0 0 -3 3v42a3.961 3.961 0 0 0 .36 1.64 3.961 3.961 0 0 0 1.64.36h54a4 4 0 0 0 4-4v-41a3.961 3.961 0 0 0 -.36-1.64 3.961 3.961 0 0 0 -1.64-.36z" fill="#414655" data-original="#414655" class=""></path><path d="m38 13h21v33h-21z" fill="#f3fcff" data-original="#f3fcff" class=""></path><path d="m5 13h33v33h-33z" fill="#44c8ef" data-original="#44c8ef" class=""></path><path d="m5 13h2v33h-2z" fill="#2bb9e1" data-original="#2bb9e1"></path><path d="m5 5h54v8h-54z" fill="#f7325a" data-original="#f7325a" class=""></path><path d="m5 5v8h2v-6h52v-2z" fill="#ed1841" data-original="#ed1841" class=""></path><rect fill="#7ed637" height="4" rx="2" width="11" x="43" y="19" data-original="#7ed637"></rect><g fill="#414655"><path d="m54 28h-11a1 1 0 0 1 0-2h11a1 1 0 0 1 0 2z" fill="#414655" data-original="#414655" class=""></path><path d="m54 32h-11a1 1 0 0 1 0-2h11a1 1 0 0 1 0 2z" fill="#414655" data-original="#414655" class=""></path><path d="m54 36h-11a1 1 0 0 1 0-2h11a1 1 0 0 1 0 2z" fill="#414655" data-original="#414655" class=""></path><path d="m54 40h-11a1 1 0 0 1 0-2h11a1 1 0 0 1 0 2z" fill="#414655" data-original="#414655" class=""></path></g><circle cx="10" cy="9" fill="#99e64b" r="1" data-original="#99e64b"></circle><circle cx="16" cy="9" fill="#fff050" r="1" data-original="#fff050"></circle><circle cx="22" cy="9" fill="#62dbf5" r="1" data-original="#62dbf5"></circle><path d="m12.5 25.047v8.906a1.126 1.126 0 0 0 .562.975l7.875 4.546a1.127 1.127 0 0 0 1.126 0l7.875-4.546a1.126 1.126 0 0 0 .562-.975v-8.906a1.125 1.125 0 0 0 -.563-.975l-7.875-4.546a1.123 1.123 0 0 0 -1.124 0l-7.875 4.546a1.125 1.125 0 0 0 -.563.975z" fill="#fac01e" data-original="#fac01e"></path><path d="m21.5 40.624a2.136 2.136 0 0 1 -1.062-.283l-7.876-4.547a2.135 2.135 0 0 1 -1.062-1.841v-8.906a2.132 2.132 0 0 1 1.062-1.84l7.875-4.548a2.138 2.138 0 0 1 2.125 0l7.875 4.547a2.134 2.134 0 0 1 1.063 1.841v8.906a2.132 2.132 0 0 1 -1.062 1.84l-7.876 4.548a2.136 2.136 0 0 1 -1.062.283zm0-20.249a.129.129 0 0 0 -.063.017l-7.875 4.546a.126.126 0 0 0 -.062.109v8.906a.125.125 0 0 0 .063.109l7.874 4.546a.131.131 0 0 0 .126 0l7.874-4.546a.125.125 0 0 0 .063-.109v-8.906a.125.125 0 0 0 -.063-.109l-7.875-4.546a.12.12 0 0 0 -.062-.017z" fill="#fff050" data-original="#fff050"></path></g></svg>
|
||||
</div>
|
||||
</section>
|
||||
<br>
|
||||
<section class="features" >
|
||||
<hr>
|
||||
<h1 id="join" class="firsttext" >Join Our Community :</center></h1>
|
||||
|
||||
<div class="join">
|
||||
<div class="bg"><p>Want to form a<h3> PartnerShip </h3> with us</p> <br> <a class="link" href="https://matrix.to/#/#neroshop:matrix.org">Join</a></div>
|
||||
<div class="bg"><p>Join us as an <h3> Ambassador </h3> to spread the word </p> <br> <a class="link" href="https://neroshop.gitbook.io/ambassador/">Join</a></div>
|
||||
<div class="bg"><p>Join our <h3> open source </h3> community </p> <br> <a class="link" href="https://neroshop.gitbook.io/developers/">Join</a></div>
|
||||
</div>
|
||||
<hr>
|
||||
</section>
|
||||
|
||||
<section class="donation">
|
||||
|
||||
<div><h1 class="secondtext">Donation</h1></div>
|
||||
<div class="donation2">
|
||||
<div class="place">
|
||||
<div><p class="rtext">You may support the neroshop project directly <br>by donating Monero (XMR) to the address below:</p>
|
||||
<p>Received payments will be used to reward developers for their contributions<br> to the project (mostly by completing bounties) and will also be used to fund <br> our official website domain name. </p>
|
||||
<script>
|
||||
function myFunction() {
|
||||
// Get the text field
|
||||
var copyText = document.getElementById("myInput");
|
||||
|
||||
// Select the text field
|
||||
copyText.select();
|
||||
copyText.setSelectionRange(0, 99999); // For mobile devices
|
||||
|
||||
// Copy the text inside the text field
|
||||
navigator.clipboard.writeText(copyText.value);
|
||||
|
||||
// Alert the copied text
|
||||
alert("Copied the text: " + copyText.value);
|
||||
}
|
||||
|
||||
</script>
|
||||
<div id="donation" class="donate">
|
||||
<form action="" method="get">
|
||||
<div class="">
|
||||
<div class="firstinput">
|
||||
<input class="input1" type="text" value="83QbQvnnyo7515rEnW8XwF1hbP5qMab6sHXFzP6pg3EKGscgXCbVjbt1FX5SF7AV9p4Ur1tiommuQSzrQQRHkZicVYu6j8Y" autofocus="autofocus" id="myInput" readonly>
|
||||
</div>
|
||||
<div class="firstbutton">
|
||||
<button onclick="myFunction()" class="copy">Copy</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="imagediv"><img class="imageqr" src="assets\donate_xmr.png" alt=""></div>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
</div>
|
||||
</section>
|
||||
<section class="apply" id="apply">
|
||||
<hr>
|
||||
<h1><center>Apply to join our Private Beta</center></h1>
|
||||
<p><center>The Neroshop App will be publicly available for download <br> after the Private BETA version Our BETA Tester application <br> is Open</center></p>
|
||||
<center><div class="btndiv"><a class="applybtn" href="https://6bubstto9z2.typeform.com/to/rhS4XUoa"><center>Apply</center></a></div></center>
|
||||
<center><h1>Have a question?</h1></center>
|
||||
<center><h2>Contact us :</h2></center>
|
||||
<div class="aligning">
|
||||
<center><a href="https://github.com/larteyoh/neroshop"><img class="small" src="assets\25231.png" alt=""></a></center>
|
||||
<center><a href="https://matrix.to/#/#neroshop:matrix.org" class="fa fa-matrix-org" aria-hidden="true"><img id="matrix" class="small" src="assets\ttsjwamua8ca1.png" alt=""></a></center>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<script src="index.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>My Page Title</title>
|
||||
<link rel="icon" type="image/png" href="LogoLight250x250.png">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>This page is under construction.</h1>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
@ -1,3 +0,0 @@
|
||||
document.querySelector(".hamburger_menu").addEventListener("click",function(){
|
||||
document.querySelector(".nav_mobile").classList.toggle("display")
|
||||
})
|
@ -1,299 +0,0 @@
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #3B3486;
|
||||
color: white;
|
||||
/* background-color: #7743DB; */
|
||||
font-family: 'Poppins', sans-serif;
|
||||
}
|
||||
|
||||
.main_header {
|
||||
padding: 1rem 2rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
}
|
||||
|
||||
.main_header a, .nav_mobile a{
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
.main_header ul {
|
||||
list-style-type: none;
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.main_header ul a , .nav_mobile ul a{
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
|
||||
.main_header ul a:hover {
|
||||
opacity: 0.8;
|
||||
border-bottom: 3px solid #7743DB;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.main_brand {
|
||||
font-weight: bold;
|
||||
font-size: 1.25rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.hamburger_menu{
|
||||
display: none;
|
||||
}
|
||||
.hamburger_menu:hover{
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.hamburger_menu div{
|
||||
width: 30px;
|
||||
height: 3px;
|
||||
background-color: white;
|
||||
margin: .5rem 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.nav_mobile ul{
|
||||
list-style-type: none;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.nav_mobile li{
|
||||
width: 100%;
|
||||
|
||||
text-align:center;
|
||||
padding: 1rem 0;
|
||||
}
|
||||
.nav_mobile{
|
||||
background-color: #7743DB;
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
transition: max-height 0.2s ease-in-out;
|
||||
|
||||
}
|
||||
.nav_mobile a:hover{
|
||||
opacity: 0.8;
|
||||
border-bottom: 3px solid #7743DB
|
||||
}
|
||||
.display{
|
||||
max-height: 500px;
|
||||
}
|
||||
.titleImage{
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
.hero{
|
||||
padding: 1rem 2rem;
|
||||
display: flex;
|
||||
}
|
||||
.hero div{
|
||||
flex:3
|
||||
|
||||
}
|
||||
.hero div:nth-child(2){
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
flex: 2;
|
||||
}
|
||||
.hero h1{
|
||||
padding: 0%;
|
||||
margin: 0;
|
||||
}
|
||||
.hero p{
|
||||
color: #bbbfc5;
|
||||
|
||||
border-left: 3px solid white;
|
||||
padding-left: 1rem;
|
||||
margin-left: 1rem;
|
||||
|
||||
}
|
||||
hr{
|
||||
color: white;
|
||||
height: 1px;
|
||||
}
|
||||
.features {
|
||||
background-color: #261d8b;
|
||||
|
||||
|
||||
}
|
||||
.firsttext{
|
||||
margin-left: 2rem;
|
||||
}
|
||||
.join{
|
||||
|
||||
justify-content: space-around;
|
||||
display: flex;
|
||||
padding:2.5rem 6rem 0rem 6rem;
|
||||
align-items: center;
|
||||
gap: 15rem;
|
||||
}
|
||||
.bg{
|
||||
background-color: #372bb4;
|
||||
border-radius: 2rem;
|
||||
padding: 2rem 2rem 2rem 2rem;
|
||||
}
|
||||
.bg:hover{
|
||||
opacity: 1.3;
|
||||
}
|
||||
.link{
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
margin: 3rem;
|
||||
background-color: #3B3486;
|
||||
padding:1rem 1rem 1rem 1rem;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
.link:hover{
|
||||
background-color: #261d8b;
|
||||
}
|
||||
.secondtext{
|
||||
margin-left: 2rem;
|
||||
}
|
||||
.rtext{
|
||||
margin-right: 28rem;
|
||||
}
|
||||
.place{
|
||||
justify-content: space-around;
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.input1{
|
||||
width: 300px;
|
||||
height: 50px;
|
||||
font-size: 1.3rem;
|
||||
border-radius: 2rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.copy{
|
||||
font-size: 2rem;
|
||||
width: 100px;
|
||||
height: 50px;
|
||||
border-radius: 2rem;
|
||||
background-color: white;
|
||||
}
|
||||
.copy:hover{
|
||||
opacity: 0.5;
|
||||
cursor: pointer;
|
||||
}
|
||||
.imageqr{
|
||||
height: 300px;
|
||||
width: 300px;
|
||||
}
|
||||
.apply{
|
||||
background-color:#372bb4;
|
||||
}
|
||||
.btndiv{
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
width: 100px;
|
||||
background-color: white;
|
||||
height: 25px;
|
||||
border-radius: 1rem;
|
||||
|
||||
|
||||
}
|
||||
.applybtn:hover{
|
||||
background-color: #261d8b;
|
||||
}
|
||||
.small{
|
||||
height: 3rem;
|
||||
width: 3rem;
|
||||
|
||||
}
|
||||
.aligning{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
margin-left: 37.8rem ;
|
||||
}
|
||||
|
||||
.small:hover{
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
#image:hover{
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
#matrix{
|
||||
background-color: black;
|
||||
|
||||
border: solid;
|
||||
border-width: 3px;
|
||||
border-radius: 4rem;
|
||||
border-color: black;
|
||||
}
|
||||
@media(min-width: 1029px){
|
||||
.nav_mobile{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media(max-width: 1028px) {
|
||||
.aligning{
|
||||
margin-left: 8rem;
|
||||
}
|
||||
.small{
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.bg{
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
.donation2{
|
||||
margin-left: 2rem;
|
||||
|
||||
}
|
||||
.imageqr{
|
||||
margin-top: 1rem;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
.rtext{
|
||||
margin: 0;
|
||||
}
|
||||
.place{
|
||||
justify-content: none;
|
||||
display: block;
|
||||
align-items: none;
|
||||
}
|
||||
.join{
|
||||
display: block;
|
||||
}
|
||||
.main_header nav {
|
||||
display: none;
|
||||
}
|
||||
.hamburger_menu {
|
||||
display: block;
|
||||
}
|
||||
.hero{
|
||||
display: block;
|
||||
}
|
||||
.hero p{
|
||||
margin-left: 0;
|
||||
}
|
||||
.hero svg{
|
||||
width: 50%;
|
||||
height: 50%;
|
||||
}
|
||||
}
|