mirror of
https://github.com/monero-project/monero-site.git
synced 2024-12-13 20:06:35 +02:00
luigi1111
GitHub
commit
84883115fd
@ -2,7 +2,7 @@ email: dev@getmonero.org
|
||||
name: Monero
|
||||
description: Monero is a digital currency that is secure, private, and untraceable.
|
||||
keywords: "monero, xmr, bitmonero, cryptocurrency"
|
||||
baseurl: ""
|
||||
baseurl: "https://www.getmonero.org"
|
||||
url: "https://www.getmonero.org"
|
||||
|
||||
markdown: kramdown
|
||||
|
||||
209
css/custom.css
209
css/custom.css
@ -975,6 +975,19 @@ a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Videos */
|
||||
|
||||
.box-video {
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
|
||||
.box-video video {
|
||||
width: 100%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* External link icon */
|
||||
|
||||
a[href^="https:"]:not([href*="getmonero.org"]):not([class*="btn-link"]):not([class="chats-img"]):not([class*="ext-noicon"]):not([class*="white"]) {
|
||||
@ -2662,10 +2675,6 @@ p.main-downloads {
|
||||
padding: 4rem 2rem 4rem 0;
|
||||
}
|
||||
|
||||
.monero-video {
|
||||
padding: 4rem 2rem;
|
||||
}
|
||||
|
||||
.main-info p {
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
@ -4339,134 +4348,8 @@ p.hangouts-social {
|
||||
padding: 1rem 1.5rem;
|
||||
}
|
||||
|
||||
/*CAROUSEL*/
|
||||
|
||||
|
||||
.carousel {
|
||||
height: 38rem;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.carousel-controls,
|
||||
.carousel-activator {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.carousel-slide {
|
||||
opacity: 0;
|
||||
z-index: -1;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
padding: 0 3rem;
|
||||
overflow: hidden;
|
||||
-webkit-transition: opacity ease-out .3s;
|
||||
-moz-transition: opacity ease-out .3s;
|
||||
-o-transition: opacity ease-out .3s;
|
||||
transition: opacity ease-out .3s;
|
||||
}
|
||||
|
||||
.carousel-activator:nth-of-type(1):checked ~ .carousel-controls:nth-of-type(1), .carousel-activator:nth-of-type(2):checked ~ .carousel-controls:nth-of-type(2), .carousel-activator:nth-of-type(3):checked ~ .carousel-controls:nth-of-type(3), .carousel-activator:nth-of-type(4):checked ~ .carousel-controls:nth-of-type(4) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
.carousel-activator:nth-of-type(1):checked ~ .carousel-slide:nth-of-type(1), .carousel-activator:nth-of-type(2):checked ~ .carousel-slide:nth-of-type(2), .carousel-activator:nth-of-type(3):checked ~ .carousel-slide:nth-of-type(3), .carousel-activator:nth-of-type(4):checked ~ .carousel-slide:nth-of-type(4) {
|
||||
z-index: 2;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.carousel-control {
|
||||
height: 2rem;
|
||||
width: 2rem;
|
||||
margin-top: -1rem;
|
||||
top: 50%;
|
||||
position: absolute;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
border-width: 5px 5px 0 0;
|
||||
border-style: solid;
|
||||
border-color: #4c4c4c;
|
||||
opacity: 0.35;
|
||||
outline: 0;
|
||||
z-index: 3;
|
||||
}
|
||||
.carousel-control:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.carousel-control-backward {
|
||||
left: 0.8rem;
|
||||
-webkit-transform: rotate(-135deg);
|
||||
transform: rotate(-135deg);
|
||||
}
|
||||
.carousel-control-forward {
|
||||
right: 0.8rem;
|
||||
-webkit-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
|
||||
@-webkit-keyframes carousel-show-slide {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@keyframes carousel-show-slide {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.carousel video {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.carousel h3 {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
@supports (-ms-ime-align:auto) {
|
||||
|
||||
.carousel-slide.ms {
|
||||
width: 91%;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 75rem) {
|
||||
|
||||
.carousel-slide.ms {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 75rem) {
|
||||
|
||||
.carousel {
|
||||
height: 33rem;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 62rem) {
|
||||
|
||||
.carousel {
|
||||
height: 24rem;
|
||||
}
|
||||
|
||||
.about-monero .info-block-row img.main-icon {
|
||||
width: 100%;
|
||||
}
|
||||
@ -4478,11 +4361,6 @@ p.hangouts-social {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.carousel-control {
|
||||
height: 1.5rem;
|
||||
width: 1.5rem;
|
||||
}
|
||||
|
||||
.about-monero .info-block-row img.main-icon {
|
||||
width: 40%;
|
||||
}
|
||||
@ -4493,67 +4371,6 @@ p.hangouts-social {
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 42rem) {
|
||||
|
||||
.carousel { height: 22rem;}
|
||||
|
||||
.carousel-control {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 37rem) {
|
||||
|
||||
.carousel { height: 18rem;}
|
||||
|
||||
.carousel-control {
|
||||
height: 1rem;
|
||||
width: 1rem;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 34rem) {
|
||||
|
||||
.carousel { height: 16rem; }
|
||||
|
||||
.carousel-slide {
|
||||
padding: 0 2.5rem;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 30rem) {
|
||||
.monero-vid .col-md-6 {
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 26rem) {
|
||||
|
||||
.carousel {
|
||||
height: auto;
|
||||
position: static;
|
||||
}
|
||||
|
||||
.carousel-activator:nth-of-type(1):checked ~ .carousel-controls:nth-of-type(1), .carousel-activator:nth-of-type(2):checked ~ .carousel-controls:nth-of-type(2), .carousel-activator:nth-of-type(3):checked ~ .carousel-controls:nth-of-type(3), .carousel-activator:nth-of-type(4):checked ~ .carousel-controls:nth-of-type(4) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.carousel-slide {
|
||||
position: static;
|
||||
opacity: 1;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.carousel video {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/*************************FAQ********************************/
|
||||
|
||||
.faq h2 {
|
||||
|
||||
@ -56,62 +56,13 @@ permalink: /get-started/what-is-monero/index.html
|
||||
<section class="full col-xs-12 monero-vid">
|
||||
<div class="info-block">
|
||||
<div class="row center-xs">
|
||||
<div class="col"><h2>{% t what-is-monero.videos %}</h2></div>
|
||||
</div>
|
||||
<div class="row center-xs">
|
||||
<div class="col-xs-12 carousel-container">
|
||||
<ul class="carousel my-carousel">
|
||||
<input class="carousel-activator" type="radio" id="A" name="activator" checked="checked"/>
|
||||
<input class="carousel-activator" type="radio" id="B" name="activator"/>
|
||||
<input class="carousel-activator" type="radio" id="C" name="activator"/>
|
||||
<input class="carousel-activator" type="radio" id="D" name="activator"/>
|
||||
<div class="carousel-controls">
|
||||
<label class="carousel-control carousel-control-backward" for="D"></label>
|
||||
<label class="carousel-control carousel-control-forward" for="B"></label>
|
||||
</div>
|
||||
<div class="carousel-controls">
|
||||
<label class="carousel-control carousel-control-backward" for="A"></label>
|
||||
<label class="carousel-control carousel-control-forward" for="C"></label>
|
||||
</div>
|
||||
<div class="carousel-controls">
|
||||
<label class="carousel-control carousel-control-backward" for="B"></label>
|
||||
<label class="carousel-control carousel-control-forward" for="D"></label>
|
||||
</div>
|
||||
<div class="carousel-controls">
|
||||
<label class="carousel-control carousel-control-backward" for="C"></label>
|
||||
<label class="carousel-control carousel-control-forward" for="A"></label>
|
||||
</div>
|
||||
<li class="carousel-slide ms">
|
||||
<h3>Monero Promo</h3>
|
||||
<video controls poster="/img/monero-community.png" preload="metadata">
|
||||
<source src="/media/Monero_Promo.m4v">
|
||||
</video>
|
||||
</li>
|
||||
<li class="carousel-slide">
|
||||
<h3>Monero: The Essentials</h3>
|
||||
<video controls poster="/img/monero-cash-video-poster.png" preload="metadata">
|
||||
<source src="/media/Monero%20-%20The%20Essentials.m4v">
|
||||
</video>
|
||||
</li>
|
||||
<li class="carousel-slide">
|
||||
<h3>Stealth Addresses</h3>
|
||||
<video controls poster="/img/stealth-address-poster.png" preload="metadata">
|
||||
<source src="/media/Monero%20-%20Stealth%20Addresses.m4v">
|
||||
</video>
|
||||
</li>
|
||||
<li class="carousel-slide">
|
||||
<h3>Ring Signatures</h3>
|
||||
<video controls poster="/img/ring-signatures-poster.png" preload="metadata">
|
||||
<source src="/media/Monero%20-%20Ring%20Signatures.m4v">
|
||||
</video>
|
||||
</li>
|
||||
<li class="carousel-slide">
|
||||
<h3>RingCT</h3>
|
||||
<video controls poster="/img/ringct-poster.png" preload="metadata">
|
||||
<source src="/media/Monero%20-%20RingCT.m4v">
|
||||
</video>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="col">
|
||||
<h2>Monero: The Essentials (English)</h2>
|
||||
</div>
|
||||
<div class="box-video">
|
||||
<video controls poster="/img/monero-cash-video-poster.png" preload="metadata" aria-label="Video Monero: The essentials">
|
||||
<source src="/media/Monero%20-%20The%20Essentials.m4v">
|
||||
</video>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -5,6 +5,10 @@ entry: moneropedia.entries.ringCT
|
||||
---
|
||||
|
||||
@moneropedia_article
|
||||
|
||||
{% t global.lang_tag %}
|
||||
<div class="box-video">
|
||||
<video controls poster="/img/ringct-poster.png" preload="metadata" aria-label="RingCT video">
|
||||
<source src="/media/Monero%20-%20RingCT.m4v">
|
||||
</video>
|
||||
</div>
|
||||
{% tf resources/moneropedia/ringCT.md %}
|
||||
|
||||
@ -7,4 +7,9 @@ entry: moneropedia.entries.ringsignatures
|
||||
@moneropedia_article
|
||||
|
||||
{% t global.lang_tag %}
|
||||
<div class="box-video">
|
||||
<video controls poster="/img/ring-signatures-poster.png" preload="metadata" aria-label="Introduction to Ring Signatures">
|
||||
<source src="/media/Monero%20-%20Ring%20Signatures.m4v">
|
||||
</video>
|
||||
</div>
|
||||
{% tf resources/moneropedia/ringsignatures.md %}
|
||||
|
||||
@ -7,4 +7,9 @@ entry: moneropedia.entries.stealthaddress
|
||||
@moneropedia_article
|
||||
|
||||
{% t global.lang_tag %}
|
||||
<div class="box-video">
|
||||
<video controls poster="/img/stealth-address-poster.png" preload="metadata" aria-label="Stealth addresses video">
|
||||
<source src="/media/Monero%20-%20Stealth%20Addresses.m4v">
|
||||
</video>
|
||||
</div>
|
||||
{% tf resources/moneropedia/stealthaddress.md %}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user