diff --git a/_data/ffs.yml b/_data/ffs.yml
index 1f93b972223a199200b0309c48b7cc2e5f028812..ad01703042c12a2458593235312af681ddf1b8e5 100644
--- a/_data/ffs.yml
+++ b/_data/ffs.yml
@@ -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
\ No newline at end of file
+ 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
\ No newline at end of file
diff --git a/_layouts/ffs-cp.html b/_layouts/ffs-cp.html
index 8cc0b5cb1e40cd2dca058471777579e906d1c36e..3fa35a66c6bb2e4211feb644525677d81322b944 100644
--- a/_layouts/ffs-cp.html
+++ b/_layouts/ffs-cp.html
@@ -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 -->
\ No newline at end of file
+ <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>
\ No newline at end of file
diff --git a/_layouts/ffs-fr.html b/_layouts/ffs-fr.html
index 0d727ac7030fd9ee5592c2ee15c6ae730e89a6b5..9963f34533d2d7c7ff5834815a9af25839a6a7a0 100644
--- a/_layouts/ffs-fr.html
+++ b/_layouts/ffs-fr.html
@@ -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 -->
\ No newline at end of file
+ <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>
\ No newline at end of file
diff --git a/_layouts/ffs-ideas.html b/_layouts/ffs-ideas.html
index 94fe38a4cc955927cb1d0b5c0074750c945e3408..2e9833d8a122b2eb6a195dff4b97415d1fc6222f 100644
--- a/_layouts/ffs-ideas.html
+++ b/_layouts/ffs-ideas.html
@@ -22,6 +22,15 @@ layout: base
</div>
</section>
<!-- END FULL WIDTH BLOCK -->
- </div>
-
- <!-- JAVASCRIPT FOR DISQUS -->
\ No newline at end of file
+ <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>
\ No newline at end of file
diff --git a/_layouts/ffs-ot.html b/_layouts/ffs-ot.html
index 3119bb82baff5f27eafdd1a8d55609e7c6a031dc..b90f4d0048570251bb72ba9e490eb6abd83d6df5 100644
--- a/_layouts/ffs-ot.html
+++ b/_layouts/ffs-ot.html
@@ -23,6 +23,15 @@ layout: base
</div>
</section>
<!-- END FULL WIDTH BLOCK -->
- </div>
-
- <!-- JAVASCRIPT FOR DISQUS -->
\ No newline at end of file
+ <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>
\ No newline at end of file
diff --git a/_layouts/ffs-wip.html b/_layouts/ffs-wip.html
index f0c6caf924e0905bbf9bf33c2d40d10a03871661..d33c42b294b4b5a3ec0d0c228c6f9cf66214336e 100644
--- a/_layouts/ffs-wip.html
+++ b/_layouts/ffs-wip.html
@@ -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 -->
\ No newline at end of file
+
\ No newline at end of file
diff --git a/css/custom.css b/css/custom.css
index ff9edf1b6507fb09753127a58cf8ca0fe2110a07..c3109710b623044eb4b663728a417b83f883c290 100644
--- a/css/custom.css
+++ b/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);
}
diff --git a/forum-funding-system/proposals/whatismonero-produced.md b/forum-funding-system/proposals/whatismonero-produced.md
index b7b50da0870f1e014c14ad152df2ae0a85b58e4b..6b344abb1da7852e3a4feefad1a7eb57ea0e1344 100644
--- a/forum-funding-system/proposals/whatismonero-produced.md
+++ b/forum-funding-system/proposals/whatismonero-produced.md
@@ -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
---
diff --git a/get-started/faq/index.md b/get-started/faq/index.md
index 4d2717a2cdaeb65dfefe63e6a1000f1edcf5ab0c..4095d7fedd914a767419323de4b06a298e225dde 100644
--- a/get-started/faq/index.md
+++ b/get-started/faq/index.md
@@ -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">
diff --git a/resources/research-lab/index.md b/resources/research-lab/index.md
index e1f1bdd78893b85fe16ff6acdf332c9c783dde84..961e0817e5419ffb8129c1b9e67fd041f1bbef71 100644
--- a/resources/research-lab/index.md
+++ b/resources/research-lab/index.md
@@ -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