monero-project/monero-site
monero-project/monero-site
1
0
Fork 0
mirror of https://github.com/monero-project/monero-site.git synced 2024-12-23 12:09:49 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

FFS Finished

Browse source 
- Added Milestone capabilities
- Added and custom styled comments
This commit is contained in:
rehrar 2017-07-07 08:17:56 -06:00
parent 7ab67bce26
commit 081f5d2471
10 changed files with 655 additions and 70 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
_data/ffs.yml
View file

@ -25,10 +25,44 @@
url: /forum-funding-system/proposals/getmonero-redesign.html url: /forum-funding-system/proposals/getmonero-redesign.html
summary: Redesign the official getmonero.org website to make it more accessible and aesthetically pleasing. summary: Redesign the official getmonero.org website to make it more accessible and aesthetically pleasing.
author: rehrar 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 - stage: Completed Proposals
proposals: proposals:
- name: What is Monero? is produced and open-sourced - name: What is Monero? is produced and open-sourced
url: /forum-funding-system/proposals/whatismonero-produced.html url: /forum-funding-system/proposals/whatismonero-produced.html
summary: Make an introduction video to Monero. 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

41
_layouts/ffs-cp.html
View file

@ -9,14 +9,34 @@ layout: base
</div> </div>
<!-- FULL WIDTH BLOCK --> <!-- FULL WIDTH BLOCK -->
<section class="container full"> <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="info-block text-adapt">
<div class="row center-xs"> <div class="row center-xs">
<div class="col"> <div class="col">
<h2>{{page.title}}</h2> <h2>{{page.title}}</h2>
<p>by {{page.author}}</p> <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> </div>
<div> <div>
@ -25,6 +45,15 @@ layout: base
</div> </div>
</section> </section>
<!-- END FULL WIDTH BLOCK --> <!-- END FULL WIDTH BLOCK -->
</div> <section class="container full">
<div class="info-block">
<!-- JAVASCRIPT FOR DISQUS --> <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>

55
_layouts/ffs-fr.html
View file

@ -9,8 +9,44 @@ layout: base
</div> </div>
<!-- FULL WIDTH BLOCK --> <!-- FULL WIDTH BLOCK -->
<section class="container full"> <section class="container full fr-contribute">
<div class="info-block text-adapt"> <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="row center-xs">
<div class="col"> <div class="col">
<h2>How to Contribute</h2> <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> <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-->
</section> </section>
<!-- END FULL WIDTH BLOCK --> <!-- END FULL WIDTH BLOCK -->
@ -43,6 +79,15 @@ layout: base
</div> </div>
</section> </section>
<!-- END FULL WIDTH BLOCK --> <!-- END FULL WIDTH BLOCK -->
</div> <section class="container full comments">
<div class="info-block">
<!-- JAVASCRIPT FOR DISQUS --> <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>

15
_layouts/ffs-ideas.html
View file

@ -22,6 +22,15 @@ layout: base
</div> </div>
</section> </section>
<!-- END FULL WIDTH BLOCK --> <!-- END FULL WIDTH BLOCK -->
</div> <section class="container full">
<div class="info-block">
<!-- JAVASCRIPT FOR DISQUS --> <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>

15
_layouts/ffs-ot.html
View file

@ -23,6 +23,15 @@ layout: base
</div> </div>
</section> </section>
<!-- END FULL WIDTH BLOCK --> <!-- END FULL WIDTH BLOCK -->
</div> <section class="container full">
<div class="info-block">
<!-- JAVASCRIPT FOR DISQUS --> <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>

72
_layouts/ffs-wip.html
View file

@ -11,14 +11,65 @@ layout: base
<!-- FULL WIDTH BLOCK --> <!-- FULL WIDTH BLOCK -->
<section class="container full"> <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="info-block text-adapt">
<div class="row center-xs"> <div class="row center-xs">
<div class="col"> <div class="col">
<h2>{{page.title}}</h2> <h2>{{page.title}}</h2>
<p>by {{page.author}}</p> <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> </div>
<div> <div>
@ -27,6 +78,19 @@ layout: base
</div> </div>
</section> </section>
<!-- END FULL WIDTH BLOCK --> <!-- 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> </div>
<!-- JAVASCRIPT FOR DISQUS -->

425
css/custom.css
View file

@ -976,6 +976,10 @@ a:hover, a:focus, a:active {
outline: 0; outline: 0;
} }
textarea:focus, input:focus{
outline: none;
}
a, button, input, select, textarea, label, label:checked, label:focus { a, button, input, select, textarea, label, label:checked, label:focus {
-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
@ -987,6 +991,23 @@ img, video {max-width: 100%;}
video {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 { .container, .container-fluid {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@ -1021,6 +1042,10 @@ video {width: 100%;}
box-shadow: 0 2px 4px rgba(50,50,93,.1); box-shadow: 0 2px 4px rgba(50,50,93,.1);
} }
.bold {
font-weight: 600;
}
code { code {
white-space: pre-wrap; white-space: pre-wrap;
background-color: #fff1e8; background-color: #fff1e8;
@ -2783,7 +2808,7 @@ footer {
border-radius: 50%; border-radius: 50%;
} }
.roadmap .tabPanel-content span { .roadmap .tabPanel-content span, .roadmap .ms-completed, .roadmap .ms-upcoming {
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
text-align: center; text-align: center;
@ -3015,7 +3040,7 @@ footer {
padding-top: 0; 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; width: 1rem;
height: 1rem; height: 1rem;
} }
@ -3572,7 +3597,7 @@ footer {
color: #2f6f9f; color: #2f6f9f;
padding: 0.7rem; padding: 0.7rem;
border-radius: 0.2rem; border-radius: 0.2rem;
margin-top: 1rem; margin-bottom: 1.5rem;
} }
.ffs-status p { .ffs-status p {
@ -3582,14 +3607,103 @@ footer {
font-size: 0.85rem; font-size: 0.85rem;
} }
.ffs-status.complete { .complete .ffs-status {
background-color: #d7e8d8; background-color: #d7e8d8;
} }
.ffs-status.inprogress { .inprogress .ffs-status {
background-color: #fef2d5; 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) { @media only screen and (max-width: 75rem) {
@ -3679,6 +3793,10 @@ footer {
display: none; display: none;
} }
.ms-completed, .ms-upcoming {
margin-top: 1.2rem !important;
}
} }
@media only screen and (max-width: 41rem) { @media only screen and (max-width: 41rem) {
@ -3697,9 +3815,21 @@ footer {
@media only screen and (max-width: 30rem) { @media only screen and (max-width: 30rem) {
.ffs .mobile a.ffs-btn { .ffs .mobile a.ffs-btn {
font-size: 1.25rem; 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) { @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 { .tab {
position: relative; position: relative;
@ -3732,12 +4127,12 @@ footer {
.tab:last-of-type { .tab:last-of-type {
border-bottom: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;
} }
input.accordian { input.accordion {
position: absolute; position: absolute;
display: none; display: none;
z-index: -1; z-index: -1;
} }
label.accordian { label.accordion {
position: relative; position: relative;
display: block; display: block;
padding: 1rem 2rem 1rem 0; padding: 1rem 2rem 1rem 0;
@ -3760,12 +4155,12 @@ label.accordian {
margin: 0 1rem 1rem 1rem; margin: 0 1rem 1rem 1rem;
} }
input.accordian:checked ~ .tab-content { input.accordion:checked ~ .tab-content {
max-height: 100rem; max-height: 100rem;
overflow: visible; overflow: visible;
} }
label.accordian::after { label.accordion::after {
margin-right: 0; margin-right: 0;
content: ""; content: "";
position: absolute; position: absolute;
@ -3783,10 +4178,10 @@ label.accordian::after {
transition: border-bottom .1s, border-top .1s .1s; 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); transform: rotateX(180deg);
} }
input.accordian[type=radio]:checked + label::after { input.accordion[type=radio]:checked + label::after {
transform: rotateX(180deg); transform: rotateX(180deg);
} }

2
forum-funding-system/proposals/whatismonero-produced.md
View file

@ -1,6 +1,6 @@
--- ---
layout: ffs-cp layout: ffs-cp
title: What is Monero? is produced and open-sourced. title: What is Monero? is produced and open-sourced
author: savandra author: savandra
--- ---

44
get-started/faq/index.md
View file

@ -4,8 +4,8 @@ title: FAQ
--- ---
<div class="tab"> <div class="tab">
<input id="tab-one" type="checkbox" name="tabs" class="accordian"> <input id="tab-one" type="checkbox" name="tabs" class="accordion">
<label for="tab-one" class="accordian">How does Monero have value?</label> <label for="tab-one" class="accordion">How does Monero have value?</label>
<div class="tab-content" markdown="1"> <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>
<div class="tab"> <div class="tab">
<input id="tab-two" type="checkbox" name="tabs" class="accordian"> <input id="tab-two" type="checkbox" name="tabs" class="accordion">
<label for="tab-two" class="accordian">How can I get Monero?</label> <label for="tab-two" class="accordion">How can I get Monero?</label>
<div class="tab-content" markdown="1"> <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>
<div class="tab"> <div class="tab">
<input id="tab-three" type="checkbox" name="tabs" class="accordian"> <input id="tab-three" type="checkbox" name="tabs" class="accordion">
<label for="tab-three" class="accordian">What is a mnemonic seed?</label> <label for="tab-three" class="accordion">What is a mnemonic seed?</label>
<div class="tab-content" markdown="1"> <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>
<div class="tab"> <div class="tab">
<input id="tab-four" type="checkbox" name="tabs" class="accordian"> <input id="tab-four" type="checkbox" name="tabs" class="accordion">
<label for="tab-four" class="accordian">How is Monero’s privacy different from other coins?</label> <label for="tab-four" class="accordion">How is Monero’s privacy different from other coins?</label>
<div class="tab-content" markdown="1"> <div class="tab-content" markdown="1">
@ -49,8 +49,8 @@ Monero uses three different privacy technologies: ring signatures, ring confiden
</div> </div>
<div class="tab"> <div class="tab">
<input id="tab-five" type="checkbox" name="tabs" class="accordian"> <input id="tab-five" type="checkbox" name="tabs" class="accordion">
<label for="tab-five" class="accordian">Why is my wallet taking so long to sync?</label> <label for="tab-five" class="accordion">Why is my wallet taking so long to sync?</label>
<div class="tab-content" markdown="1"> <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>
<div class="tab"> <div class="tab">
<input id="tab-six" type="checkbox" name="tabs" class="accordian"> <input id="tab-six" type="checkbox" name="tabs" class="accordion">
<label for="tab-six" class="accordian">What is the different between a lightweight and a normal wallet?</label> <label for="tab-six" class="accordion">What is the different between a lightweight and a normal wallet?</label>
<div class="tab-content" markdown="1"> <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>
<div class="tab"> <div class="tab">
<input id="tab-seven" type="checkbox" name="tabs" class="accordian"> <input id="tab-seven" type="checkbox" name="tabs" class="accordion">
<label for="tab-seven" class="accordian">How is Monero different from Bitcoin?</label> <label for="tab-seven" class="accordion">How is Monero different from Bitcoin?</label>
<div class="tab-content" markdown="1"> <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>
<div class="tab"> <div class="tab">
<input id="tab-eight" type="checkbox" name="tabs" class="accordian"> <input id="tab-eight" type="checkbox" name="tabs" class="accordion">
<label for="tab-eight" class="accordian">Does Monero have a block size limit?</label> <label for="tab-eight" class="accordion">Does Monero have a block size limit?</label>
<div class="tab-content" markdown="1"> <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>
<div class="tab"> <div class="tab">
<input id="tab-nine" type="checkbox" name="tabs" class="accordian"> <input id="tab-nine" type="checkbox" name="tabs" class="accordion">
<label for="tab-nine" class="accordian">What is a blockchain?</label> <label for="tab-nine" class="accordion">What is a blockchain?</label>
<div class="tab-content" markdown="1"> <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>
<div class="tab"> <div class="tab">
<input id="tab-ten" type="checkbox" name="tabs" class="accordian"> <input id="tab-ten" type="checkbox" name="tabs" class="accordion">
<label for="tab-ten" class="accordian">What is Kovri?</label> <label for="tab-ten" class="accordion">What is Kovri?</label>
<div class="tab-content" markdown="1"> <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>
<div class="tab"> <div class="tab">
<input id="tab-eleven" type="checkbox" name="tabs" class="accordian"> <input id="tab-eleven" type="checkbox" name="tabs" class="accordion">
<label for="tab-eleven" class="accordian">What is fungibility, and why is it important?</label> <label for="tab-eleven" class="accordion">What is fungibility, and why is it important?</label>
<div class="tab-content" markdown="1"> <div class="tab-content" markdown="1">

20
resources/research-lab/index.md
View file

@ -15,8 +15,8 @@ title: "Monero Research Lab"
<div class="col"><h2>Monero Research Lab Papers</h2></div> <div class="col"><h2>Monero Research Lab Papers</h2></div>
</div> </div>
<div class="tab"> <div class="tab">
<input id="tab-one" type="checkbox" name="tabs" class="accordian" checked="checked"> <input id="tab-one" type="checkbox" name="tabs" class="accordion" checked="checked">
<label for="tab-one" class="accordian">MRL-0001: A Note on Chain Reactions in Traceability in CryptoNote 2.0</label> <label for="tab-one" class="accordion">MRL-0001: A Note on Chain Reactions in Traceability in CryptoNote 2.0</label>
<div class="tab-content"> <div class="tab-content">
<p><strong>Abstract:</strong> This research bulletin describes a plausible attack on a ring-signature based <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 anonymity system. We use as motivation the cryptocurrency protocol CryptoNote
@ -38,8 +38,8 @@ title: "Monero Research Lab"
</div> </div>
</div> </div>
<div class="tab"> <div class="tab">
<input id="tab-two" type="checkbox" name="tabs" class="accordian"> <input id="tab-two" type="checkbox" name="tabs" class="accordion">
<label for="tab-two" class="accordian">MRL-0002: Counterfeiting via Merkle Tree Exploits within Virtual Currencies Employing the CryptoNote Protocol</label> <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"> <div class="tab-content">
<p><strong>Abstract:</strong> On 4 September 2014, an unusual and novel attack was executed against the <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 Monero cryptocurrency network. This attack partitioned the network into two
@ -58,8 +58,8 @@ title: "Monero Research Lab"
</div> </div>
</div> </div>
<div class="tab"> <div class="tab">
<input id="tab-three" type="checkbox" name="tabs" class="accordian"> <input id="tab-three" type="checkbox" name="tabs" class="accordion">
<label for="tab-three" class="accordian">MRL-0003: Monero is Not That Mysterious</label> <label for="tab-three" class="accordion">MRL-0003: Monero is Not That Mysterious</label>
<div class="tab-content"> <div class="tab-content">
<p><strong>Introduction:</strong> Recently, there have been some vague fears about the CryptoNote source code and <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 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> </div>
<div class="tab"> <div class="tab">
<input id="tab-four" type="checkbox" name="tabs" class="accordian"> <input id="tab-four" type="checkbox" name="tabs" class="accordion">
<label for="tab-four" class="accordian">MRL-0004: Improving Obfuscation in the CryptoNote Protocol</label> <label for="tab-four" class="accordion">MRL-0004: Improving Obfuscation in the CryptoNote Protocol</label>
<div class="tab-content"> <div class="tab-content">
<p><strong>Abstract:</strong> We identify several blockchain analysis attacks available to degrade the <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, untraceability of the CryptoNote 2.0 protocol. We analyze possible solutions,
@ -106,8 +106,8 @@ results of internal investigation.<br>
</div> </div>
</div> </div>
<div class="tab"> <div class="tab">
<input id="tab-five" type="checkbox" name="tabs" class="accordian"> <input id="tab-five" type="checkbox" name="tabs" class="accordion">
<label for="tab-five" class="accordian">MRL-0005: Ring Signature Confidential Transactions</label> <label for="tab-five" class="accordion">MRL-0005: Ring Signature Confidential Transactions</label>
<div class="tab-content"> <div class="tab-content">
<p><strong>Abstract:</strong> This article introduces a method of hiding transaction amounts in the strongly <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 decentralized anonymous cryptocurrency Monero. Similar to Bitcoin, Monero is a