Minor changes to index.html

vandal-prog
larteyoh 2 years ago
parent de107b4747
commit 236bf15fc9

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

@ -0,0 +1,446 @@
/*!
Fork Awesome 1.2.0
License - https://forkaweso.me/Fork-Awesome/license
Copyright 2018 Dave Gandy & Fork Awesome
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.fas,
.fab,
.far {
display: inline-block;
font: normal normal normal 14px/1 ForkAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fas.fa-chart-area:before {
content: "\f1fe";
}
.fas.fa-arrows-alt:before {
content: "\f047";
}
.fas.fa-expand-arrows-alt:before {
content: "\f0b2";
}
.fas.fa-arrows-alt-h:before {
content: "\f07e";
}
.fas.fa-arrows-alt-v:before {
content: "\f07d";
}
.fas.fa-calendar-alt:before {
content: "\f073";
}
.fas.fa-circle-notch:before {
content: "\f1ce";
}
.fas.fa-cloud-download-alt:before {
content: "\f0ed";
}
.fas.fa-cloud-upload-alt:before {
content: "\f0ee";
}
.fas.fa-credit-card:before {
content: "\f283";
}
.fas.fa-dollar-sign:before {
content: "\f155";
}
.fas.fa-euro-sign:before {
content: "\f153";
}
.fas.fa-exchange-alt:before {
content: "\f0ec";
}
.fas.fa-external-link-alt:before {
content: "\f08e";
}
.fas.fa-external-link-square-alt:before {
content: "\f14c";
}
.fas.fa-eye-dropper:before {
content: "\f1fb";
}
.fas.fa-pound-sign:before {
content: "\f154";
}
.fas.fa-glass-martini:before {
content: "\f000";
}
.fas.fa-shekel-sign:before {
content: "\f20b";
}
.fas.fa-rupee-sign:before {
content: "\f156";
}
.fas.fa-won-sign:before {
content: "\f159";
}
.fas.fa-level-down-alt:before {
content: "\f149";
}
.fas.fa-level-up-alt:before {
content: "\f148";
}
.fas.fa-chart-line:before {
content: "\f201";
}
.fas.fa-long-arrow-alt-down:before {
content: "\f175";
}
.fas.fa-long-arrow-alt-left:before {
content: "\f177";
}
.fas.fa-long-arrow-alt-right:before {
content: "\f178";
}
.fas.fa-long-arrow-alt-up:before {
content: "\f176";
}
.fas.fa-map-marker-alt:before {
content: "\f041";
}
.fas.fa-mobile-alt:before {
content: "\f10b";
}
.fas.fa-pencil-alt:before {
content: "\f040";
}
.fas.fa-pen-square:before {
content: "\f14b";
}
.fas.fa-chart-pie:before {
content: "\f200";
}
.fas.fa-yen-sign:before {
content: "\f157";
}
.fas.fa-ruble-sign:before {
content: "\f158";
}
.fas.fa-shield-alt:before {
content: "\f132";
}
.fas.fa-sign-in-alt:before {
content: "\f090";
}
.fas.fa-sign-out-alt:before {
content: "\f08b";
}
.fas.fa-sliders-h:before {
content: "\f1de";
}
.fas.fa-tablet-alt:before {
content: "\f10a";
}
.fas.fa-tachometer-alt:before {
content: "\f0e4";
}
.fas.fa-thumbtack:before {
content: "\f08d";
}
.fas.fa-ticket-alt:before {
content: "\f145";
}
.fas.fa-trash-alt:before {
content: "\f1f8";
}
.fas.fa-lira-sign:before {
content: "\f195";
}
.fab.fa-linkedin-in:before {
content: "\fe01";
}
.fab.fa-linkedin:before {
content: "\f08c";
}
.far.fa-address-book:before {
content: "\f2ba";
}
.far.fa-address-card:before {
content: "\f2bc";
}
.far.fa-arrow-alt-circle-down:before {
content: "\f01a";
}
.far.fa-arrow-alt-circle-left:before {
content: "\f190";
}
.far.fa-arrow-alt-circle-right:before {
content: "\f18e";
}
.far.fa-arrow-alt-circle-up:before {
content: "\f01b";
}
.far.fa-bell:before {
content: "\f0f3";
}
.far.fa-bell-slash:before {
content: "\f1f7";
}
.far.fa-bookmark:before {
content: "\f097";
}
.far.fa-building:before {
content: "\f0f7";
}
.far.fa-calendar-check:before {
content: "\f274";
}
.far.fa-calendar-minus:before {
content: "\f272";
}
.far.fa-calendar:before {
content: "\f133";
}
.far.fa-calendar-plus:before {
content: "\f271";
}
.far.fa-calendar-times:before {
content: "\f273";
}
.far.fa-caret-square-down:before {
content: "\f150";
}
.far.fa-caret-square-left:before {
content: "\f191";
}
.far.fa-caret-square-right:before {
content: "\f152";
}
.far.fa-caret-square-up:before {
content: "\f151";
}
.far.fa-check-circle:before {
content: "\f05d";
}
.far.fa-check-square:before {
content: "\f046";
}
.far.fa-circle:before {
content: "\f10c";
}
.far.fa-clock:before {
content: "\f017";
}
.far.fa-comment:before {
content: "\f0e5";
}
.far.fa-comment-dots:before {
content: "\f27b";
}
.far.fa-comments:before {
content: "\f0e6";
}
.far.fa-dot-circle:before {
content: "\f192";
}
.far.fa-id-card:before {
content: "\f2c3";
}
.far.fa-envelope:before {
content: "\f003";
}
.far.fa-envelope-open:before {
content: "\f2b7";
}
.far.fa-file-archive:before {
content: "\f1c6";
}
.far.fa-file-audio:before {
content: "\f1c7";
}
.far.fa-file-code:before {
content: "\f1c9";
}
.far.fa-file-excel:before {
content: "\f1c3";
}
.far.fa-file-image:before {
content: "\f1c5";
}
.far.fa-file-video:before {
content: "\f1c8";
}
.far.fa-copy:before,
.far.fa-file:before {
content: "\f016";
}
.far.fa-file-pdf:before {
content: "\f1c1";
}
.far.fa-file-powerpoint:before {
content: "\f1c4";
}
.far.fa-file-alt:before {
content: "\f0f6";
}
.far.fa-file-word:before {
content: "\f1c2";
}
.far.fa-flag:before {
content: "\f11d";
}
.far.fa-save:before {
content: "\f0c7";
}
.far.fa-folder:before {
content: "\f114";
}
.far.fa-folder-open:before {
content: "\f115";
}
.far.fa-frown:before {
content: "\f119";
}
.far.fa-futbol:before {
content: "\f1e3";
}
.far.fa-hand-rock:before {
content: "\f255";
}
.far.fa-hand-lizard:before {
content: "\f258";
}
.far.fa-hand-point-down:before {
content: "\f0a7";
}
.far.fa-hand-point-left:before {
content: "\f0a5";
}
.far.fa-hand-point-right:before {
content: "\f0a4";
}
.far.fa-hand-point-up:before {
content: "\f0a6";
}
.far.fa-hand-paper:before {
content: "\256";
}
.far.fa-hand-pointer:before {
content: "\f25a";
}
.far.fa-hand-scissors:before {
content: "\f257";
}
.far.fa-hand-spock:before {
content: "\f259";
}
.far.fa-handshake:before {
content: "\f2b5";
}
.far.fa-hdd:before {
content: "\f0a0";
}
.far.fa-heart:before {
content: "\f08a";
}
.far.fa-hospital:before {
content: "\f0f8";
}
.far.fa-hourglass:before {
content: "\f250";
}
.far.fa-id-card:before {
content: "\f2c3";
}
.far.fa-keyboard:before {
content: "\f11c";
}
.far.fa-lemon:before {
content: "\f094";
}
.far.fa-lightbulb:before {
content: "\f0eb";
}
.far.fa-meh:before {
content: "\f11a";
}
.far.fa-minus-square:before {
content: "\f147";
}
.far.fa-money-bill-alt:before {
content: "\f0d6";
}
.far.fa-moon:before {
content: "\f186";
}
.far.fa-newspaper:before {
content: "\f1ea";
}
.far.fa-paper-plane:before {
content: "\f1d9";
}
.far.fa-pause-circle:before {
content: "\f28c";
}
.far.fa-edit:before {
content: "\f044";
}
.far.fa-image:before {
content: "\f03e";
}
.far.fa-play-circle:before {
content: "\f01d";
}
.far.fa-plus-square:before {
content: "\f196";
}
.far.fa-question-circle:before {
content: "\f92c";
}
.far.fa-share-square:before {
content: "\f045";
}
.far.fa-smile:before {
content: "\f118";
}
.far.fa-snowflake:before {
content: "\f2dc";
}
.far.fa-futbol:before {
content: "\f1e3";
}
.far.fa-star-half:before {
content: "\f089";
}
.far.fa-star:before {
content: "\f006";
}
.far.fa-sticky-note:before {
content: "\f24a";
}
.far.fa-stop-circle:before {
content: "\f28e";
}
.far.fa-sun:before {
content: "\f185";
}
.far.fa-thumbs-down:before {
content: "\f088";
}
.far.fa-thumbs-up:before {
content: "\f087";
}
.far.fa-times-circle:before {
content: "\f05c";
}
.far.fa-window-close:before {
content: "\f2d4";
}
.far.fa-trash-alt:before {
content: "\f014";
}
.far.fa-user-circle:before {
content: "\f2be";
}
.far.fa-user:before {
content: "\f2c0";
}

File diff suppressed because one or more lines are too long

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 7.5 KiB

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

@ -9,22 +9,30 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<meta name="description" content="A P2P marketplace for Monero users">
<meta name="author" content="The neroshop team">
<link href="https://fonts.googleapis.com/css?family=Raleway:100,300,400,500,700,900" rel="stylesheet">
<title>neroshop</title>
<title>Neroshop - </title>
<!-- Additional CSS Files -->
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/font-awesome.css">
<!-- For matrix logo -->
<link rel="stylesheet" type="text/css" href="assets/css/fork-awesome.css">
<!-- <link rel="stylesheet" type="text/css" href="assets/css/v5-compat.css"> -->
<!-- To display development progress (https://kimmobrunfeldt.github.io/progressbar.js/) -->
<!-- <script src="assets/js/progressbar/progressbar.min.js"> </script> -->
<link rel="stylesheet" href="assets/css/neroshop.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css" integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous">
<style>
.accordion {
@ -119,8 +127,8 @@
<div class="container">
<div class="row">
<div class="offset-xl-3 col-xl-6 offset-lg-2 col-lg-8 col-md-12 col-sm-12">
<h1>We are a <strong>Decentralized</strong><br>Peer2peer <strong>Marketplace</strong></h1>
<p> Neroshop is a user-friendly, Amazon-styled distributed P2P marketplace that caters for those who believe in a privacy-preserving and uncensorable free market.</p>
<h1>We are a <strong>Decentralized</strong><br>Peer-to-peer <strong>Marketplace</strong></h1>
<p> Neroshop is a user-friendly and censorship-resistant distributed P2P marketplace for Monero users</p>
<a href="#features" class="main-button-slider">Discover More</a>
</div>
</div>
@ -440,10 +448,10 @@ text-decoration: none;
<div class="icons" >
<div class="social">
<a href="https://twitter.com/" class="fa fa-twitter"></a>
<a href="https://www.whatsapp.com/" class="fa fa-reddit"></a>
<a href="https://www.reddit.com/r/neroshop/" class="fa fa-reddit"></a>
<a href="https://matrix.to/#/#neroshop:matrix.org" class="fa fa-matrix-org" aria-hidden="true"></a>
<a href="https://github.com/larteyoh/testshop" class="fa fa-github"></a>
@ -583,9 +591,8 @@ text-decoration: none;
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<ul class="social">
<li><a href="https://github.com/larteyoh/testshop"><i class="fa fa-github"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="https://github.com/neroshop/neroshop"><i class="fa fa-github"></i></a></li>
<li><a href="https://matrix.to/#/#neroshop:matrix.org"><i class="fa fa-matrix-org" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
@ -634,5 +641,150 @@ text-decoration: none;
<!-- Global Init -->
<script src="assets/js/custom.js"></script>
<!-- footer start: https://mdbootstrap.com/docs/jquery/navigation/footer/ -->
<footer class="page-footer font-small pt-2" id="main-footer" style="background-color:#181616;"> <!-- bg-dark --> <!-- NEVER use .fixed-bottom to pin footer to the bottom of the page! It will overlap the main content! -->
<!-- Footer Elements start -->
<div class="container" id="footer-content"> <!-- text-center text-md-left -->
<!-- Grid row start -->
<div class="row">
<!-- Contact -->
<!-- Grid column start -->
<div class="col-md-4 mx-auto">
<!-- Content -->
<h5 class="font-weight-bold text-uppercase mt-3 mb-4">Contact</h5>
<address style="font: bold 12px Consolas;">help@cointaku.org</address>
</div>
<!-- Grid column end -->
<hr class="clearfix w-100 d-md-none"> <!-- no point in this having this line -->
<!-- Donation -->
<!-- Grid column start -->
<div class="col-md-4 mx-auto">
<!-- Content -->
<h5 class="font-weight-bold text-uppercase mt-3 mb-4">Donate</h5>
<!-- <p>This is some more content<p> -->
<!-- <span class="badge badge-light">
<!-- <a href="monero:492GDv748ByArgW4BgkmNPQvBxsnQdzPHiXqcdY9rJNMFh9S7k3NaYTFPCKBDjdUAsTNe7DidJMyt1Jqpwyz9kMwKykHW1f" target="_blank"> -->
<a href="monero:48Dm8fXWLQHUDDGJKefmqqHCunpN6mzH3VfhErFF2kXBW6f3s2cdVWH6HYRcjYGe9LQdU4wsaoGMuJa5ywAdj4HuMeEvzBm" target="_blank">
<img src="images/crypto/monerujo-2020-01-31-002249.png" height="128"> <!-- qrcode-20200102202008-monero.png images/bitcoin_wallet.png qrcode-20200106173227-monero.png --> <!-- http://paulbourke.net/dataformats/dimensions/ -->
</a>
<br>
<!-- <a href="https://web.getmonero.org/" target="blank_" style="text-decoration:none;"><span class="badge badge-warning" style="width:115px;">Monero (XMR)</span></a> -->
<div class="btn btn-warning mt-1" style="width: 128px; text-decoration: none;" id="cp-btn" data-toggle="tooltip" data-placement="right" title="Copy"><i class="far fa-clipboard fa-lg" style="/*width:px; height:5px;*/ text-align:center;"></i></div>
<!-- <a href="monero:492GDv748ByArgW4BgkmNPQvBxsnQdzPHiXqcdY9rJNMFh9S7k3NaYTFPCKBDjdUAsTNe7DidJMyt1Jqpwyz9kMwKykHW1f" target="_blank" style="text-decoration:none;"><p style="font: 12px Consolas; word-wrap: break-word; word-break: break-all;">492GDv748ByArgW4BgkmNPQvBxsnQdzPHiXqcdY9rJNMFh9S7k3NaYTFPCKBDjdUAsTNe7DidJMyt1Jqpwyz9kMwKykHW1f</p></a> -->
<!-- Tooltip -->
<script>
let cpbtn = document.getElementById('cp-btn');
$(document).ready(function(){
//$('[data-toggle="tooltip"]').tooltip(); // Select all elements with data-toggle="tooltips" in the document
// Select a specified element
//$('#cp-btn').tooltip();
//jQuery('#cp-btn').toolTip();
});
// on clicking clipbrd button - method 1 (gets my monero address from the client)
cpbtn.onclick = function() {
// copy address to clipboard
let addr = '48Dm8fXWLQHUDDGJKefmqqHCunpN6mzH3VfhErFF2kXBW6f3s2cdVWH6HYRcjYGe9LQdU4wsaoGMuJa5ywAdj4HuMeEvzBm';
copy_to_clipboard_str(addr);
console.log(addr + " [copied]");
// change title text
/*$('#cp-btn').tooltip('hide')
.attr('data-original-title', 'Copied!')
.tooltip('show');*/
}//*/
// on clicking clipbrd button - method 2 (gets my monero address from the server rather than the client)
/*cpbtn.addEventListener('click', get_donate_addr);
function get_donate_addr(e){
$.ajax({
url : '/donate', // get data from http://localhost:8545/donate
method : 'GET',
success : function(data){
// copy address to clipboard
copy_to_clipboard_str(data); //document.getElementById("test-text").innerHTML = data;
console.log(data + " [copied]");
// change title text
$('#cp-btn').tooltip('hide')
.attr('data-original-title', 'Copied!')
.tooltip('show');
},
error: function(err){
console.log('Failed');
}
});
}*/
</script>
</div>
<!-- Grid column end -->
<!-- Links -->
<!-- Grid column start -->
<div class="col-md-2 mx-auto">
<!-- Links -->
<h5 class="font-weight-bold text-uppercase mt-3 mb-4">Links</h5>
<ul class="list-unstyled">
<li>
<a href="#!" style="text-decoration:none;"><p style="font: 12px Consolas;">About</p></a> <!-- and Team -->
</li>
<li>
<a href="#!" style="text-decoration:none;"><p style="font: 12px Consolas;">Join</p></a>
</li>
<li>
<a href="#!" style="text-decoration:none;"><p style="font: 12px Consolas;">FAQ</p></a>
</li>
<li>
<a href="#!" style="text-decoration:none;"><p style="font: 12px Consolas;">Terms</p></a>
</li>
<li>
<a href="#!" style="text-decoration:none;"><p style="font: 12px Consolas;">Community</p></a>
</li>
<li>
<a href="./src/html/download.html" style="text-decoration:none;"><p style="font: 12px Consolas;">Downloads</p></a> <!-- redirects to part of page where id="downloads" --> <!-- https://stackoverflow.com/questions/2835140/how-do-i-link-to-part-of-a-page-hash --> <!-- https://stackoverflow.com/questions/7470268/html-input-name-vs-id -->
</li>
</ul>
</div>
<!-- Grid column end -->
</div>
<!-- Grid row end -->
<!-- Grid row start -->
<div class="row">
<!-- New row bitches-->
</div>
<!-- Grid row end -->
</div>
<!-- Footer Elements end -->
<hr>
<!-- Social image links start -->
<ul class="list-unstyled list-inline text-center" id="footer-social" style="background-color: inherit;">
<li class="list-inline-item">
<a href="https://riot.im/app/#/user/@layter:matrix.org" target="blank_" title="@layter:matrix.org">
<img src="images/social/riot-im-logo-animated-480px.gif" width="64"></img><!-- <i class="fab fa-facebook-f"> </i> -->
<!-- <img src="https://discordapp.com/assets/2c21aeda16de354ba5334551a883b481.png" width="32"></img> --><!-- <i class="fab fa-facebook-f"> </i> -->
</a>
</li>
</ul>
<!-- Social image links end -->
<!-- Copyright start -->
<div class="footer-copyright text-center py-3 footer-dark" style="font: bold 12px Consolas;">Copyright © 2020 . Cointaku Foundation . Website by <!-- py = padding-y axis -->
<a href="https://github.com/larteyoh" target="_blank" style="text-decoration:none;">larteyoh <img src="images/GitHub-Mark-Light-32px.png" height="16"></a> <!-- GitHub-Mark-32px.png , remove underline from link with text-decoration:none -->
<!-- Language dropdown start -->
<button class="btn btn-sm ml-4 justify-content-between btn-dark btn-outline-light dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Language </button> <!-- button with dropdown --> <!-- ml = margin-left=5 -->
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#" style="font-family:Consolas;">English</a> <!-- default: English -->
</div>
<!-- Language dropdown end -->
</div>
<!-- Copyright end -->
</footer>
<!-- footer end -->
</body>
</html>

Loading…
Cancel
Save