mirror of
https://github.com/monero-project/monero-site.git
synced 2024-12-23 12:09:49 +00:00
FFS Finished
- Added Milestone capabilities - Added and custom styled comments
This commit is contained in:
rehrar
parent
7ab67bce26
commit
081f5d2471
10 changed files with 655 additions and 70 deletions
|
|
@ -25,10 +25,44 @@
|
|||
url: /forum-funding-system/proposals/getmonero-redesign.html
|
||||
summary: Redesign the official getmonero.org website to make it more accessible and aesthetically pleasing.
|
||||
author: rehrar
|
||||
milestones:
|
||||
- name: Milestone 1 - Front page & restructure
|
||||
funds: 10% (~XMR 10.70)
|
||||
done: April 28, 2017
|
||||
status: completed
|
||||
- name: Milestone 2 - Design
|
||||
funds: 40% (~XMR 42.80)
|
||||
done: July 1, 2017
|
||||
status: completed
|
||||
- name: Milestone 3 - Development
|
||||
funds: 30% (~XMR 32.10)
|
||||
done: July 1, 2017
|
||||
status: completed
|
||||
- name: Milestone 4 - Finishing touches
|
||||
funds: 20% (~XMR 21.40)
|
||||
done:
|
||||
status: upcoming
|
||||
|
||||
- stage: Completed Proposals
|
||||
proposals:
|
||||
- name: What is Monero? is produced and open-sourced
|
||||
url: /forum-funding-system/proposals/whatismonero-produced.html
|
||||
summary: Make an introduction video to Monero.
|
||||
author: savandra
|
||||
author: savandra
|
||||
milestones:
|
||||
- name: Milestone 1 - Front page & restructure
|
||||
funds: 10% (~XMR 10.70)
|
||||
done: April 28, 2017
|
||||
status: completed
|
||||
- name: Milestone 2 - Design
|
||||
funds: 40% (~XMR 42.80)
|
||||
done: July 1, 2017
|
||||
status: completed
|
||||
- name: Milestone 3 - Development
|
||||
funds: 30% (~XMR 32.10)
|
||||
done: July 1, 2017
|
||||
status: completed
|
||||
- name: Milestone 4 - Finishing touches
|
||||
funds: 20% (~XMR 21.40)
|
||||
done:
|
||||
status: upcoming
|
||||
|
|
@ -9,14 +9,34 @@ layout: base
|
|||
</div>
|
||||
<!-- FULL WIDTH BLOCK -->
|
||||
<section class="container full">
|
||||
<div class="info-block text-adapt complete">
|
||||
<div class="row center">
|
||||
<div class="col-xs-12">
|
||||
<h2>Progress</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row center-xs">
|
||||
<div class="col-xs-12 progress-numbers">
|
||||
<p class="progress-number-funded">100 XMR </p><span> /</span>
|
||||
<p class="progress-number-goal">100 XMR</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<div class="progress-bar">
|
||||
<span style="width: 100%"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 ffs-status">
|
||||
<p>This project has been completed. The proposal is kept here both to celebrate the achievements of the Monero community, and for historical accuracy about what was accomplished.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-block text-adapt">
|
||||
<div class="row center-xs">
|
||||
<div class="col">
|
||||
<h2>{{page.title}}</h2>
|
||||
<p>by {{page.author}}</p>
|
||||
<div class="ffs-status complete">
|
||||
<p>This project has been completed. The proposal is kept here both to celebrate the achievements of the Monero community, and for historical accuracy about what was accomplished.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
|
|
@ -25,6 +45,15 @@ layout: base
|
|||
</div>
|
||||
</section>
|
||||
<!-- END FULL WIDTH BLOCK -->
|
||||
</div>
|
||||
|
||||
<!-- JAVASCRIPT FOR DISQUS -->
|
||||
<section class="container full">
|
||||
<div class="info-block">
|
||||
<div class="row ">
|
||||
<div class="col-xs-12">
|
||||
<!-- JAVASCRIPT FOR DISQUS -->
|
||||
<script data-isso="//xmrket.com/isso" src="//xmrket.com/isso/js/embed.min.js" data-isso-css="false"></script>
|
||||
<section id="isso-thread"></section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
|
@ -9,8 +9,44 @@ layout: base
|
|||
|
||||
</div>
|
||||
<!-- FULL WIDTH BLOCK -->
|
||||
<section class="container full">
|
||||
<section class="container full fr-contribute">
|
||||
<div class="info-block text-adapt">
|
||||
<div class="row center">
|
||||
<div class="col-xs-12">
|
||||
<h2>Funding Progress</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row center-xs">
|
||||
<div class="col-xs-12 progress-numbers">
|
||||
<p class="progress-number-funded">10 XMR </p><span> /</span>
|
||||
<p class="progress-number-goal">100 XMR</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<div class="progress-bar">
|
||||
<span style="width: 75%"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row center-xs">
|
||||
<div class="tab col-xs-12">
|
||||
<input id="tab-one" type="checkbox" name="tabs" class="accordion">
|
||||
<label for="tab-one" class="accordion">Contribute</label>
|
||||
<div class="tab-content">
|
||||
<div class="row start-xs">
|
||||
<div class="col-xs-12">
|
||||
<p>In order to contribute to the cause of <strong>{{page.title}}</strong> all you have to do is the following:</p>
|
||||
<p>Have a valid Monero address. If you don't have one, you can read on getting started!</p>
|
||||
<p>Send the amount of XMR that you wish to contribute to the address: <strong>{{page.address}}</strong></p>
|
||||
<p>Make sure that you enter a payment ID of <strong>{{page.paymentid}}</strong> in order for us to be able to assign your contribution to this specific project!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--div class="info-block text-adapt">
|
||||
<div class="row center-xs">
|
||||
<div class="col">
|
||||
<h2>How to Contribute</h2>
|
||||
|
|
@ -24,7 +60,7 @@ layout: base
|
|||
<p>Make sure that you enter a payment ID of <strong>{{page.paymentid}}</strong> in order for us to be able to assign your contribution to this specific project!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div-->
|
||||
</section>
|
||||
<!-- END FULL WIDTH BLOCK -->
|
||||
|
||||
|
|
@ -43,6 +79,15 @@ layout: base
|
|||
</div>
|
||||
</section>
|
||||
<!-- END FULL WIDTH BLOCK -->
|
||||
</div>
|
||||
|
||||
<!-- JAVASCRIPT FOR DISQUS -->
|
||||
<section class="container full comments">
|
||||
<div class="info-block">
|
||||
<div class="row ">
|
||||
<div class="col-xs-12">
|
||||
<!-- JAVASCRIPT FOR DISQUS -->
|
||||
<script data-isso="//xmrket.com/isso" src="//xmrket.com/isso/js/embed.min.js" data-isso-css="false"></script>
|
||||
<section id="isso-thread"></section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
|
@ -22,6 +22,15 @@ layout: base
|
|||
</div>
|
||||
</section>
|
||||
<!-- END FULL WIDTH BLOCK -->
|
||||
</div>
|
||||
|
||||
<!-- JAVASCRIPT FOR DISQUS -->
|
||||
<section class="container full">
|
||||
<div class="info-block">
|
||||
<div class="row ">
|
||||
<div class="col-xs-12">
|
||||
<!-- JAVASCRIPT FOR DISQUS -->
|
||||
<script data-isso="//xmrket.com/isso" src="//xmrket.com/isso/js/embed.min.js" data-isso-css="false"></script>
|
||||
<section id="isso-thread"></section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
|
@ -23,6 +23,15 @@ layout: base
|
|||
</div>
|
||||
</section>
|
||||
<!-- END FULL WIDTH BLOCK -->
|
||||
</div>
|
||||
|
||||
<!-- JAVASCRIPT FOR DISQUS -->
|
||||
<section class="container full">
|
||||
<div class="info-block">
|
||||
<div class="row ">
|
||||
<div class="col-xs-12">
|
||||
<!-- JAVASCRIPT FOR DISQUS -->
|
||||
<script data-isso="//xmrket.com/isso" src="//xmrket.com/isso/js/embed.min.js" data-isso-css="false"></script>
|
||||
<section id="isso-thread"></section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
|
@ -11,14 +11,65 @@ layout: base
|
|||
|
||||
<!-- FULL WIDTH BLOCK -->
|
||||
<section class="container full">
|
||||
<div class="info-block text-adapt inprogress">
|
||||
<div class="row center">
|
||||
<div class="col-xs-12">
|
||||
<h2>Progress</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row center-xs">
|
||||
<div class="col-xs-12 progress-numbers">
|
||||
<p class="progress-number-funded">100 XMR </p><span> /</span>
|
||||
<p class="progress-number-goal">100 XMR</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<div class="progress-bar">
|
||||
<span style="width: 100%"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 ffs-status">
|
||||
<p>This project has been funded and is being worked on. Keep an eye out here at the bottom of the proposal for updates.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row center-xs milestones">
|
||||
<div class="tab col-xs-12">
|
||||
<input id="tab-one" type="checkbox" name="tabs" class="accordion">
|
||||
<label for="tab-one" class="accordion">Milestones</label>
|
||||
<div class="tab-content">
|
||||
{% for toplevel in site.data.ffs %}
|
||||
{% if toplevel.stage == 'Work in Progress' %}
|
||||
{% for proposals in toplevel.proposals %}
|
||||
{% if proposals.name == {{page.title}} %}
|
||||
{% for milestones in proposals.milestones %}
|
||||
<div class="row start-xs roadmap">
|
||||
|
||||
<div class="col-xs-1">
|
||||
<span class="{{milestones.status}} ms-{{milestones.status}}"></span>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<p>{{milestones.name}}</p>
|
||||
<p><span class="bold">Funds Awarded:</span> {{milestones.funds}}</p>
|
||||
{% if milestones.done != nil %}
|
||||
<p><span class="bold">Completion date:</span> {{milestones.done}}</p>
|
||||
{%endif%}
|
||||
</div>
|
||||
</div>
|
||||
{%endfor%}
|
||||
{%endif%}
|
||||
{%endfor%}
|
||||
{%endif%}
|
||||
{%endfor%}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-block text-adapt">
|
||||
<div class="row center-xs">
|
||||
<div class="col">
|
||||
<h2>{{page.title}}</h2>
|
||||
<p>by {{page.author}}</p>
|
||||
<div class="ffs-status inprogress">
|
||||
<p>This project has been funded and is being worked on. Keep an eye out here at the bottom of the proposal for updates.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
|
|
@ -27,6 +78,19 @@ layout: base
|
|||
</div>
|
||||
</section>
|
||||
<!-- END FULL WIDTH BLOCK -->
|
||||
|
||||
<section class="container full">
|
||||
<div class="info-block">
|
||||
<div class="row ">
|
||||
<div class="col-xs-12">
|
||||
<!-- JAVASCRIPT FOR DISQUS -->
|
||||
<script data-isso="//xmrket.com/isso" src="//xmrket.com/isso/js/embed.min.js" data-isso-css="false"></script>
|
||||
<section id="isso-thread"></section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- JAVASCRIPT FOR DISQUS -->
|
||||
|
||||
425
css/custom.css
425
css/custom.css
|
|
@ -976,6 +976,10 @@ a:hover, a:focus, a:active {
|
|||
outline: 0;
|
||||
}
|
||||
|
||||
textarea:focus, input:focus{
|
||||
outline: none;
|
||||
}
|
||||
|
||||
a, button, input, select, textarea, label, label:checked, label:focus {
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
|
|
@ -987,6 +991,23 @@ img, video {max-width: 100%;}
|
|||
|
||||
video {width: 100%;}
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
color: #AAA;
|
||||
}
|
||||
::-moz-placeholder {
|
||||
color: #AAA;
|
||||
}
|
||||
:-moz-placeholder {
|
||||
color: #AAA;
|
||||
}
|
||||
:-ms-input-placeholder {
|
||||
color: #AAA;
|
||||
}
|
||||
::-ms-input-placeholder {
|
||||
color: #AAA;
|
||||
}
|
||||
|
||||
|
||||
.container, .container-fluid {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
|
@ -1021,6 +1042,10 @@ video {width: 100%;}
|
|||
box-shadow: 0 2px 4px rgba(50,50,93,.1);
|
||||
}
|
||||
|
||||
.bold {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
code {
|
||||
white-space: pre-wrap;
|
||||
background-color: #fff1e8;
|
||||
|
|
@ -2783,7 +2808,7 @@ footer {
|
|||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.roadmap .tabPanel-content span {
|
||||
.roadmap .tabPanel-content span, .roadmap .ms-completed, .roadmap .ms-upcoming {
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
text-align: center;
|
||||
|
|
@ -3015,7 +3040,7 @@ footer {
|
|||
padding-top: 0;
|
||||
}
|
||||
|
||||
.roadmap .tabPanel-content span, .pre-roadmap li {
|
||||
.roadmap .tabPanel-content span, .pre-roadmap li, .roadmap .ms-completed, .roadmap .ms-upcoming {
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
}
|
||||
|
|
@ -3572,7 +3597,7 @@ footer {
|
|||
color: #2f6f9f;
|
||||
padding: 0.7rem;
|
||||
border-radius: 0.2rem;
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.ffs-status p {
|
||||
|
|
@ -3582,14 +3607,103 @@ footer {
|
|||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
.ffs-status.complete {
|
||||
.complete .ffs-status {
|
||||
background-color: #d7e8d8;
|
||||
}
|
||||
|
||||
.ffs-status.inprogress {
|
||||
.inprogress .ffs-status {
|
||||
background-color: #fef2d5;
|
||||
}
|
||||
|
||||
.progress-numbers p {
|
||||
display: inline-block;
|
||||
padding-top: 1.2rem;
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
height: 1rem;
|
||||
position: relative;
|
||||
background: #edebed;
|
||||
box-shadow: inset 0 -1px 1px rgba(0,0,0,.07);
|
||||
margin: 1rem 0 1.5rem 0;
|
||||
}
|
||||
|
||||
.progress-bar span {
|
||||
display: block;
|
||||
height: 100%;
|
||||
background-color: rgb(229,115,37);
|
||||
background-image: linear-gradient(
|
||||
center bottom,
|
||||
rgb(229,115,37) 37%,
|
||||
rgb(231,129,58) 69%
|
||||
);
|
||||
box-shadow:
|
||||
inset 0 2px 9px rgba(255,255,255,0.3),
|
||||
inset 0 -2px 6px rgba(0,0,0,.07);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.inprogress .progress-bar span, .complete .progress-bar span {
|
||||
background-color: rgb(97,168,99);
|
||||
background-image: linear-gradient(
|
||||
center bottom,
|
||||
rgb(97,168,99) 37%,
|
||||
rgb(128,185,130) 69%
|
||||
);
|
||||
}
|
||||
|
||||
.fr-contribute .tab, .fr-contribute .tab:last-of-type, .milestones .tab, .milestones .tab:last-of-type {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.fr-contribute .tab-content p, .milestones .tab-content p {
|
||||
margin: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.fr-contribute label.accordion, .milestones label.accordion {
|
||||
display: inline-block;
|
||||
padding: 0 2rem 0 1rem;
|
||||
border: 1px solid #ff7519;
|
||||
margin: 0;
|
||||
line-height: 2.7rem;
|
||||
height: 2.7rem;
|
||||
-webkit-transition: background .15s ease;
|
||||
-moz-transition: background .15s ease;
|
||||
-o-transition: background .15s ease;
|
||||
transition: background .15s ease;
|
||||
color: #ff7519;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.fr-contribute label.accordion:hover, .fr-contribute label.accordion:focus, .fr-contribute input.accordion[type=checkbox]:checked + label, .milestones label.accordion:hover, .milestones label.accordion:focus, .milestones input.accordion[type=checkbox]:checked + label {
|
||||
background-color: #ff7519;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.fr-contribute label.accordion::after, .milestones label.accordion:after {
|
||||
right: 1rem;
|
||||
border-left: 4px solid transparent;
|
||||
border-right: 4px solid transparent;
|
||||
border-top: 4px solid #ff7519;
|
||||
}
|
||||
|
||||
.fr-contribute label.accordion:hover:after, .fr-contribute label.accordion:focus:after, .fr-contribute input.accordion[type=checkbox]:checked + label:after, .milestones label.accordion:hover:after, .milestones label.accordion:focus:after, .milestones input.accordion[type=checkbox]:checked + label:after {
|
||||
border-top: 4px solid #ffffff;
|
||||
}
|
||||
|
||||
.fr-contribute label.accordion:focus:after, .fr-contribute input.accordion[type=checkbox]:checked + label:after, .milestones label.accordion:focus:after, .milestones input.accordion[type=checkbox]:checked + label:after {
|
||||
transform: rotateX(180deg);
|
||||
}
|
||||
|
||||
.ms-completed, .ms-upcoming {
|
||||
margin-top: 1rem !important;
|
||||
}
|
||||
|
||||
.milestones .row.roadmap {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 75rem) {
|
||||
|
||||
|
|
@ -3679,6 +3793,10 @@ footer {
|
|||
display: none;
|
||||
}
|
||||
|
||||
.ms-completed, .ms-upcoming {
|
||||
margin-top: 1.2rem !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 41rem) {
|
||||
|
|
@ -3697,9 +3815,21 @@ footer {
|
|||
|
||||
@media only screen and (max-width: 30rem) {
|
||||
|
||||
.ffs .mobile a.ffs-btn {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
.ffs .mobile a.ffs-btn {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.milestones .roadmap .col-xs-1 {
|
||||
-ms-flex-preferred-size: 16.667%;
|
||||
flex-basis: 16.667%;
|
||||
max-width: 16.667%;
|
||||
}
|
||||
|
||||
.milestones .roadmap .col-xs-11 {
|
||||
-ms-flex-preferred-size: 83.333%;
|
||||
flex-basis: 83.333%;
|
||||
max-width: 83.333%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 25rem) {
|
||||
|
|
@ -3719,7 +3849,272 @@ footer {
|
|||
}
|
||||
}
|
||||
|
||||
/*************************ACCORDIAN********************************/
|
||||
/*COMMENTS*/
|
||||
|
||||
#isso-thread * {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
#isso-thread a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#isso-thread {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
#isso-thread > h4 {
|
||||
color: #4c4c4c;
|
||||
font-weight: bold;
|
||||
padding-top: 0;
|
||||
padding-bottom: 1rem;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
}
|
||||
#isso-thread .textarea {
|
||||
min-height: 3.625rem;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.isso-comment {
|
||||
max-width: 68rem;
|
||||
padding-top: 0.95rem;
|
||||
margin: 0.95rem auto;
|
||||
}
|
||||
.isso-comment:not(:first-of-type),
|
||||
.isso-follow-up .isso-comment {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.isso-comment > div.avatar,
|
||||
.isso-postbox > .avatar {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 4rem;
|
||||
margin: 3px 0 0 0;
|
||||
}
|
||||
.isso-postbox > .avatar {
|
||||
float: left;
|
||||
margin: 0.3125rem 0.625rem 0 0.3125rem;
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.isso-comment > div.avatar > svg,
|
||||
.isso-postbox > .avatar > svg {
|
||||
max-width: 3rem;
|
||||
max-height: 3rem;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.isso-comment > div.text-wrapper {
|
||||
display: block;
|
||||
}
|
||||
.isso-comment .isso-follow-up {
|
||||
padding-left: calc(7% + 20px);
|
||||
}
|
||||
.isso-comment > div.text-wrapper > .isso-comment-header, .isso-comment > div.text-wrapper > .isso-comment-footer {
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
.isso-comment > div.text-wrapper > .isso-comment-header {
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
.isso-comment > div.text-wrapper > .isso-comment-header .spacer {
|
||||
padding: 0 6px;
|
||||
}
|
||||
.isso-comment > div.text-wrapper > .isso-comment-header .spacer,
|
||||
.isso-comment > div.text-wrapper > .isso-comment-header a.permalink,
|
||||
.isso-comment > div.text-wrapper > .isso-comment-header .note,
|
||||
.isso-comment > div.text-wrapper > .isso-comment-header a.parent {
|
||||
color: gray !important;
|
||||
font-weight: normal;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
.isso-comment > div.text-wrapper > .isso-comment-header .spacer:hover,
|
||||
.isso-comment > div.text-wrapper > .isso-comment-header a.permalink:hover,
|
||||
.isso-comment > div.text-wrapper > .isso-comment-header .note:hover,
|
||||
.isso-comment > div.text-wrapper > .isso-comment-header a.parent:hover {
|
||||
color: #ff7519 !important;
|
||||
}
|
||||
.isso-comment > div.text-wrapper > .isso-comment-header .note {
|
||||
float: right;
|
||||
}
|
||||
.isso-comment > div.text-wrapper > .isso-comment-header .author {
|
||||
font-weight: bold;
|
||||
color: #4c4c4c;
|
||||
}
|
||||
.isso-comment > div.text-wrapper > .textarea-wrapper .textarea {
|
||||
margin-top: 0.2rem;
|
||||
}
|
||||
.isso-comment > div.text-wrapper > div.text p {
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
.isso-comment > div.text-wrapper > div.text p:last-child {
|
||||
margin-bottom: 0.2rem;
|
||||
}
|
||||
.isso-comment > div.text-wrapper > div.text h1,
|
||||
.isso-comment > div.text-wrapper > div.text h2,
|
||||
.isso-comment > div.text-wrapper > div.text h3,
|
||||
.isso-comment > div.text-wrapper > div.text h4,
|
||||
.isso-comment > div.text-wrapper > div.text h5,
|
||||
.isso-comment > div.text-wrapper > div.text h6 {
|
||||
font-size: 130%;
|
||||
font-weight: bold;
|
||||
}
|
||||
.isso-comment > div.text-wrapper > div.textarea-wrapper .textarea {
|
||||
width: 100%;
|
||||
border: 1px solid #f0f0f0;
|
||||
box-shadow: 0 0 2px #888;
|
||||
}
|
||||
.isso-comment > div.text-wrapper > .isso-comment-footer {
|
||||
font-size: 0.80em;
|
||||
color: gray !important;
|
||||
clear: left;
|
||||
}
|
||||
.isso-comment > div.text-wrapper > .isso-comment-footer a {
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
.isso-comment > div.text-wrapper > .isso-comment-footer a:hover {
|
||||
color: #ff7519 !important;
|
||||
}
|
||||
.isso-comment > div.text-wrapper > .isso-comment-footer > a {
|
||||
position: relative;
|
||||
top: .2rem;
|
||||
}
|
||||
.isso-comment > div.text-wrapper > .isso-comment-footer > a + a {
|
||||
padding-left: 1.1rem;
|
||||
}
|
||||
.isso-comment > div.text-wrapper > .isso-comment-footer .votes {
|
||||
color: #4c4c4c;
|
||||
}
|
||||
.isso-comment > div.text-wrapper > .isso-comment-footer .upvote svg,
|
||||
.isso-comment > div.text-wrapper > .isso-comment-footer .downvote svg {
|
||||
position: relative;
|
||||
top: .2rem;
|
||||
}
|
||||
.isso-comment .isso-postbox {
|
||||
margin-top: 0.8rem;
|
||||
}
|
||||
.isso-comment.isso-no-votes span.votes {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.isso-postbox {
|
||||
max-width: 68rem;
|
||||
margin: 0 auto 2rem;
|
||||
}
|
||||
.isso-postbox > .form-wrapper {
|
||||
display: block;
|
||||
padding: 0;
|
||||
}
|
||||
.isso-postbox > .form-wrapper > .auth-section,
|
||||
.isso-postbox > .form-wrapper > .auth-section .post-action {
|
||||
display: block;
|
||||
}
|
||||
.isso-postbox > .form-wrapper .textarea {
|
||||
margin: 0;
|
||||
padding: 0.4rem 0.8rem;
|
||||
background-color: #fff;
|
||||
border: 1px solid rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.isso-postbox > .form-wrapper .textarea.placeholder {
|
||||
color: #AAA;
|
||||
font-family: 'Arial', sans-serif;
|
||||
font-size: 0.83rem;
|
||||
}
|
||||
|
||||
#isso-thread .textarea:focus,
|
||||
#isso-thread .input-wrapper input:focus {
|
||||
border-color: rgba(0, 0, 0, 0.5);
|
||||
color: #4c4c4c;
|
||||
}
|
||||
.isso-postbox > .form-wrapper > .auth-section .input-wrapper {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
max-width: 25%;
|
||||
margin: 0;
|
||||
}
|
||||
.isso-postbox > .form-wrapper > .auth-section .input-wrapper input {
|
||||
padding: 0.3rem 0.625rem;
|
||||
max-width: 100%;
|
||||
background-color: #fff;
|
||||
line-height: 1.4em;
|
||||
margin: 0 1rem 0 0;
|
||||
padding: 0.4rem 0.8rem;
|
||||
background-color: #fff;
|
||||
border: 1px solid rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.isso-postbox > .form-wrapper > .auth-section .post-action {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
margin: 0;
|
||||
}
|
||||
.isso-postbox > .form-wrapper > .auth-section .post-action > input {
|
||||
cursor: pointer;
|
||||
outline: 0;
|
||||
background-color: #ff7519;
|
||||
color: #ffffff;
|
||||
border: none;
|
||||
display: inline-block;
|
||||
font-family: 'Hind', sans-serif;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
padding: 0 1rem;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
-webkit-transition: background .15s ease, transform .15s ease, box-shadow .15s ease;
|
||||
-moz-transition: background .15s ease, transform .15s ease, box-shadow .15s ease;
|
||||
-o-transition: background .15s ease, transform .15s ease, box-shadow .15s ease;
|
||||
transition: background .15s ease, transform .15s ease, box-shadow .15s ease;
|
||||
height: 2rem;
|
||||
line-height: 2rem;
|
||||
-moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.07), 0 7px 17px 0 rgba(0,0,0,.1);
|
||||
-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.07), 0 7px 17px 0 rgba(0,0,0,.1);
|
||||
box-shadow: 0 1px 5px 0 rgba(0,0,0,.07), 0 7px 17px 0 rgba(0,0,0,.1);
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.isso-postbox > .form-wrapper > .auth-section .post-action > input:hover {
|
||||
-webkit-transform: translate(0, -1px);
|
||||
-moz-transform: translate(0, -1px);
|
||||
-ms-transform: translate(0, -1px);
|
||||
-o-transform: translate(0, -1px);
|
||||
transform: translate(0, -1px);
|
||||
-moz-box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
|
||||
-webkit-box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
|
||||
box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
|
||||
}
|
||||
|
||||
.isso-postbox > .form-wrapper > .auth-section .post-action > input:active {
|
||||
transform: translate(0, 1px);
|
||||
-moz-box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
|
||||
-webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
|
||||
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
|
||||
border: 1px solid #ff7519;
|
||||
}
|
||||
|
||||
@media screen and (max-width:600px) {
|
||||
|
||||
.isso-postbox > .form-wrapper > .auth-section .input-wrapper {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
margin: 0 0 .3em;
|
||||
}
|
||||
.isso-postbox > .form-wrapper > .auth-section .input-wrapper input {
|
||||
width: 100%;
|
||||
}
|
||||
.isso-postbox > .form-wrapper > .auth-section .post-action {
|
||||
display: block;
|
||||
float: none;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
/*************************accordion********************************/
|
||||
|
||||
.tab {
|
||||
position: relative;
|
||||
|
|
@ -3732,12 +4127,12 @@ footer {
|
|||
.tab:last-of-type {
|
||||
border-bottom: 1px solid #d7d7d7;
|
||||
}
|
||||
input.accordian {
|
||||
input.accordion {
|
||||
position: absolute;
|
||||
display: none;
|
||||
z-index: -1;
|
||||
}
|
||||
label.accordian {
|
||||
label.accordion {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 1rem 2rem 1rem 0;
|
||||
|
|
@ -3760,12 +4155,12 @@ label.accordian {
|
|||
margin: 0 1rem 1rem 1rem;
|
||||
}
|
||||
|
||||
input.accordian:checked ~ .tab-content {
|
||||
input.accordion:checked ~ .tab-content {
|
||||
max-height: 100rem;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
label.accordian::after {
|
||||
label.accordion::after {
|
||||
margin-right: 0;
|
||||
content: "";
|
||||
position: absolute;
|
||||
|
|
@ -3783,10 +4178,10 @@ label.accordian::after {
|
|||
transition: border-bottom .1s, border-top .1s .1s;
|
||||
}
|
||||
|
||||
input.accordian[type=checkbox]:checked + label::after {
|
||||
input.accordion[type=checkbox]:checked + label::after {
|
||||
transform: rotateX(180deg);
|
||||
}
|
||||
input.accordian[type=radio]:checked + label::after {
|
||||
input.accordion[type=radio]:checked + label::after {
|
||||
transform: rotateX(180deg);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
---
|
||||
layout: ffs-cp
|
||||
title: What is Monero? is produced and open-sourced.
|
||||
title: What is Monero? is produced and open-sourced
|
||||
author: savandra
|
||||
---
|
||||
|
||||
|
|
|
|||
|
|
@ -4,8 +4,8 @@ title: FAQ
|
|||
---
|
||||
|
||||
<div class="tab">
|
||||
<input id="tab-one" type="checkbox" name="tabs" class="accordian">
|
||||
<label for="tab-one" class="accordian">How does Monero have value?</label>
|
||||
<input id="tab-one" type="checkbox" name="tabs" class="accordion">
|
||||
<label for="tab-one" class="accordion">How does Monero have value?</label>
|
||||
|
||||
<div class="tab-content" markdown="1">
|
||||
|
||||
|
|
@ -16,8 +16,8 @@ Monero has value because people are willing to buy it. If no one is willing to b
|
|||
</div>
|
||||
|
||||
<div class="tab">
|
||||
<input id="tab-two" type="checkbox" name="tabs" class="accordian">
|
||||
<label for="tab-two" class="accordian">How can I get Monero?</label>
|
||||
<input id="tab-two" type="checkbox" name="tabs" class="accordion">
|
||||
<label for="tab-two" class="accordion">How can I get Monero?</label>
|
||||
|
||||
<div class="tab-content" markdown="1">
|
||||
|
||||
|
|
@ -27,8 +27,8 @@ You can buy Monero from an exchange or from an individual. Alternatively, you ca
|
|||
</div>
|
||||
|
||||
<div class="tab">
|
||||
<input id="tab-three" type="checkbox" name="tabs" class="accordian">
|
||||
<label for="tab-three" class="accordian">What is a mnemonic seed?</label>
|
||||
<input id="tab-three" type="checkbox" name="tabs" class="accordion">
|
||||
<label for="tab-three" class="accordion">What is a mnemonic seed?</label>
|
||||
|
||||
<div class="tab-content" markdown="1">
|
||||
|
||||
|
|
@ -38,8 +38,8 @@ A mnemonic seed is a set of 25 words that can be used to restore your account an
|
|||
</div>
|
||||
|
||||
<div class="tab">
|
||||
<input id="tab-four" type="checkbox" name="tabs" class="accordian">
|
||||
<label for="tab-four" class="accordian">How is Monero’s privacy different from other coins?</label>
|
||||
<input id="tab-four" type="checkbox" name="tabs" class="accordion">
|
||||
<label for="tab-four" class="accordion">How is Monero’s privacy different from other coins?</label>
|
||||
|
||||
<div class="tab-content" markdown="1">
|
||||
|
||||
|
|
@ -49,8 +49,8 @@ Monero uses three different privacy technologies: ring signatures, ring confiden
|
|||
</div>
|
||||
|
||||
<div class="tab">
|
||||
<input id="tab-five" type="checkbox" name="tabs" class="accordian">
|
||||
<label for="tab-five" class="accordian">Why is my wallet taking so long to sync?</label>
|
||||
<input id="tab-five" type="checkbox" name="tabs" class="accordion">
|
||||
<label for="tab-five" class="accordion">Why is my wallet taking so long to sync?</label>
|
||||
|
||||
<div class="tab-content" markdown="1">
|
||||
|
||||
|
|
@ -60,8 +60,8 @@ If you are running a full node locally, you need to copy the entire blockchain t
|
|||
</div>
|
||||
|
||||
<div class="tab">
|
||||
<input id="tab-six" type="checkbox" name="tabs" class="accordian">
|
||||
<label for="tab-six" class="accordian">What is the different between a lightweight and a normal wallet?</label>
|
||||
<input id="tab-six" type="checkbox" name="tabs" class="accordion">
|
||||
<label for="tab-six" class="accordion">What is the different between a lightweight and a normal wallet?</label>
|
||||
|
||||
<div class="tab-content" markdown="1">
|
||||
|
||||
|
|
@ -71,8 +71,8 @@ For a lightweight wallet, you give your view key to a node, who scans the blockc
|
|||
</div>
|
||||
|
||||
<div class="tab">
|
||||
<input id="tab-seven" type="checkbox" name="tabs" class="accordian">
|
||||
<label for="tab-seven" class="accordian">How is Monero different from Bitcoin?</label>
|
||||
<input id="tab-seven" type="checkbox" name="tabs" class="accordion">
|
||||
<label for="tab-seven" class="accordion">How is Monero different from Bitcoin?</label>
|
||||
|
||||
<div class="tab-content" markdown="1">
|
||||
|
||||
|
|
@ -82,8 +82,8 @@ Monero is not based on Bitcoin. It is based on the CryptoNote protocol. Bitcoin
|
|||
</div>
|
||||
|
||||
<div class="tab">
|
||||
<input id="tab-eight" type="checkbox" name="tabs" class="accordian">
|
||||
<label for="tab-eight" class="accordian">Does Monero have a block size limit?</label>
|
||||
<input id="tab-eight" type="checkbox" name="tabs" class="accordion">
|
||||
<label for="tab-eight" class="accordion">Does Monero have a block size limit?</label>
|
||||
|
||||
<div class="tab-content" markdown="1">
|
||||
|
||||
|
|
@ -93,8 +93,8 @@ No, Monero does not have a hard block size limit. Instead, the block size can in
|
|||
</div>
|
||||
|
||||
<div class="tab">
|
||||
<input id="tab-nine" type="checkbox" name="tabs" class="accordian">
|
||||
<label for="tab-nine" class="accordian">What is a blockchain?</label>
|
||||
<input id="tab-nine" type="checkbox" name="tabs" class="accordion">
|
||||
<label for="tab-nine" class="accordion">What is a blockchain?</label>
|
||||
|
||||
<div class="tab-content" markdown="1">
|
||||
|
||||
|
|
@ -104,8 +104,8 @@ A blockchain is a system that stores a copy of all transaction history on the Mo
|
|||
</div>
|
||||
|
||||
<div class="tab">
|
||||
<input id="tab-ten" type="checkbox" name="tabs" class="accordian">
|
||||
<label for="tab-ten" class="accordian">What is Kovri?</label>
|
||||
<input id="tab-ten" type="checkbox" name="tabs" class="accordion">
|
||||
<label for="tab-ten" class="accordion">What is Kovri?</label>
|
||||
|
||||
<div class="tab-content" markdown="1">
|
||||
|
||||
|
|
@ -115,8 +115,8 @@ Kovri is an I2P router written in C++. I2P is a hidden network like Tor with sev
|
|||
</div>
|
||||
|
||||
<div class="tab">
|
||||
<input id="tab-eleven" type="checkbox" name="tabs" class="accordian">
|
||||
<label for="tab-eleven" class="accordian">What is fungibility, and why is it important?</label>
|
||||
<input id="tab-eleven" type="checkbox" name="tabs" class="accordion">
|
||||
<label for="tab-eleven" class="accordion">What is fungibility, and why is it important?</label>
|
||||
|
||||
<div class="tab-content" markdown="1">
|
||||
|
||||
|
|
|
|||
|
|
@ -15,8 +15,8 @@ title: "Monero Research Lab"
|
|||
<div class="col"><h2>Monero Research Lab Papers</h2></div>
|
||||
</div>
|
||||
<div class="tab">
|
||||
<input id="tab-one" type="checkbox" name="tabs" class="accordian" checked="checked">
|
||||
<label for="tab-one" class="accordian">MRL-0001: A Note on Chain Reactions in Traceability in CryptoNote 2.0</label>
|
||||
<input id="tab-one" type="checkbox" name="tabs" class="accordion" checked="checked">
|
||||
<label for="tab-one" class="accordion">MRL-0001: A Note on Chain Reactions in Traceability in CryptoNote 2.0</label>
|
||||
<div class="tab-content">
|
||||
<p><strong>Abstract:</strong> This research bulletin describes a plausible attack on a ring-signature based
|
||||
anonymity system. We use as motivation the cryptocurrency protocol CryptoNote
|
||||
|
|
@ -38,8 +38,8 @@ title: "Monero Research Lab"
|
|||
</div>
|
||||
</div>
|
||||
<div class="tab">
|
||||
<input id="tab-two" type="checkbox" name="tabs" class="accordian">
|
||||
<label for="tab-two" class="accordian">MRL-0002: Counterfeiting via Merkle Tree Exploits within Virtual Currencies Employing the CryptoNote Protocol</label>
|
||||
<input id="tab-two" type="checkbox" name="tabs" class="accordion">
|
||||
<label for="tab-two" class="accordion">MRL-0002: Counterfeiting via Merkle Tree Exploits within Virtual Currencies Employing the CryptoNote Protocol</label>
|
||||
<div class="tab-content">
|
||||
<p><strong>Abstract:</strong> On 4 September 2014, an unusual and novel attack was executed against the
|
||||
Monero cryptocurrency network. This attack partitioned the network into two
|
||||
|
|
@ -58,8 +58,8 @@ title: "Monero Research Lab"
|
|||
</div>
|
||||
</div>
|
||||
<div class="tab">
|
||||
<input id="tab-three" type="checkbox" name="tabs" class="accordian">
|
||||
<label for="tab-three" class="accordian">MRL-0003: Monero is Not That Mysterious</label>
|
||||
<input id="tab-three" type="checkbox" name="tabs" class="accordion">
|
||||
<label for="tab-three" class="accordion">MRL-0003: Monero is Not That Mysterious</label>
|
||||
<div class="tab-content">
|
||||
<p><strong>Introduction:</strong> Recently, there have been some vague fears about the CryptoNote source code and
|
||||
protocol floating around the internet based on the fact that it is a more complicated
|
||||
|
|
@ -74,8 +74,8 @@ title: "Monero Research Lab"
|
|||
</div>
|
||||
</div>
|
||||
<div class="tab">
|
||||
<input id="tab-four" type="checkbox" name="tabs" class="accordian">
|
||||
<label for="tab-four" class="accordian">MRL-0004: Improving Obfuscation in the CryptoNote Protocol</label>
|
||||
<input id="tab-four" type="checkbox" name="tabs" class="accordion">
|
||||
<label for="tab-four" class="accordion">MRL-0004: Improving Obfuscation in the CryptoNote Protocol</label>
|
||||
<div class="tab-content">
|
||||
<p><strong>Abstract:</strong> We identify several blockchain analysis attacks available to degrade the
|
||||
untraceability of the CryptoNote 2.0 protocol. We analyze possible solutions,
|
||||
|
|
@ -106,8 +106,8 @@ results of internal investigation.<br>
|
|||
</div>
|
||||
</div>
|
||||
<div class="tab">
|
||||
<input id="tab-five" type="checkbox" name="tabs" class="accordian">
|
||||
<label for="tab-five" class="accordian">MRL-0005: Ring Signature Confidential Transactions</label>
|
||||
<input id="tab-five" type="checkbox" name="tabs" class="accordion">
|
||||
<label for="tab-five" class="accordion">MRL-0005: Ring Signature Confidential Transactions</label>
|
||||
<div class="tab-content">
|
||||
<p><strong>Abstract:</strong> This article introduces a method of hiding transaction amounts in the strongly
|
||||
decentralized anonymous cryptocurrency Monero. Similar to Bitcoin, Monero is a
|
||||
|
|
|
|||
Loading…
Reference in a new issue