Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found

Target

Select target project
  • monero-project/ccs-front
  • rehrar/ccs-front
  • xiphon/ccs-front
  • Monero/ccs-front
  • Fudin/ccs-front
  • selsta/ccs-front
  • erciccione/ccs-front
  • binaryFate/ccs-front
  • SarangNoether/ccs-front
  • alreadyburnt/ccs-front
  • john_r365/ccs-front
  • plowsofff/ccs-front
  • ajs/ccs-front
  • someman/ccs-front
14 results
Show changes
Commits on Source (45)
Showing
with 691 additions and 320 deletions
BSD 3-Clause License
Copyright (c) 2021, monero-project
All rights reserved.
Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are met:
1. Redistributions of source code must retain the above copyright notice, this
list of conditions and the following disclaimer.
2. Redistributions in binary form must reproduce the above copyright notice,
this list of conditions and the following disclaimer in the documentation
and/or other materials provided with the distribution.
3. Neither the name of the copyright holder nor the names of its
contributors may be used to endorse or promote products derived from
this software without specific prior written permission.
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
<footer class="container-fluid">
<div class="container">
<div class="row around-xs footer-wrapper">
{% for item in site.data.lang[site.lang].footer-1 %}
<div class="col-sm-3 col-xs-6">
<h3>{{item.title}}</h3>
<ul class="list-unstyled">
{% for entry in item.subfolderitems %}
{% if entry.url contains 'https://' %}
<li><a class="white" href="{{ entry.url }}">{{ entry.name }}</a></li>
{%elsif entry.url contains 'irc'%}
<li><a class="white" href="{{ entry.url }}">{{ entry.name }}</a></li>
{%else%}
<li><a class="white" href="{{site.baseurl}}/{{ entry.url }}">{{ entry.name }}</a></li>
{%endif%}
{% endfor %}
</ul>
<div class="row center-xs footer-wrapper">
<div class="col-md-8 col-sm-10 col-xs-12">
<h3>Donate to the Monero Project</h3>
<p>By donating to the following Monero address (General Fund), you are supporting the Monero Project. If you wish to donate to a specific proposal, please see <a href="/funding-required/index.html" class="white gf">Funding Required</a>.</p>
<p><a href="monero:888tNkZrPN6JsEgekjMnABU4TBzc2Dt29EPAvkRxbANsAnjyPbb3iQ1YBRk1UXcdRsiKc9dhwMVgN5S9cQUiyoogDavup3H" class="qr"><img src="/img/donate-monero.png" /></a></p>
<p class="gf-address">888tNkZrPN6JsEgekjMnABU4TBzc2Dt29EPAvkRxbANsAnjyPbb3iQ1YBRk1UXcdRsiKc9dhwMVgN5S9cQUiyoogDavup3H</p>
</div>
{% endfor %}
<div class="row center-xs">
<div class="social-icons">
</div>
</div>
</div>
<div class="row center-xs">
<div class="footer-links">
<ul class="list-unstyled list-inline">
{% for item in site.data.lang[site.lang].footer-2 %}
{% if item.url contains 'https://' %}
<li><a href="{{item.url}}" class="white footer-link">{{item.name}}</a></li>
{%else%}
<li><a href="{{site.baseurl}}/{{item.url}}" class="white footer-link">{{item.name}}</a></li>
{%endif%}
{% endfor %}
<li><a href="https://repo.getmonero.org/monero-project/ccs-front" class="white footer-link">CCS Front End Repo</a></li>
<li><a href="https://repo.getmonero.org/monero-project/ccs-back" class="white footer-link">CCS Backend Repo</a></li>
<li><a href="https://repo.getmonero.org/monero-project/ccs-proposals" class="white footer-link">CCS Proposals Repo</a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<!-- Matomo -->
<script type="text/javascript">
var _paq = _paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u = "//analytics.getmonero.org/";
_paq.push(['setTrackerUrl', u + 'piwik.php']);
_paq.push(['setSiteId', '1']);
var d = document,
g = d.createElement('script'),
s = d.getElementsByTagName('script')[0];
g.type = 'text/javascript';
g.async = true;
g.defer = true;
g.src = u + 'piwik.js';
s.parentNode.insertBefore(g, s);
})();
</script>
<!-- End Matomo Code -->
\ No newline at end of file
......@@ -19,7 +19,10 @@
<a href="/completed-proposals/">Completed Tasks</a>
</div>
<div class="text-center nav-item mob">
<a href="/completed-proposals/">Back to Getmonero.org</a>
<a href="/donate/index.html">Donate</a>
</div>
<div class="text-center nav-item mob">
<a href="https://getmonero.org">Back to Getmonero.org</a>
</div>
</div>
</div>
......@@ -37,11 +40,18 @@
<div class="col-lg-8 col-md-8 col-sm-8 items end-xs">
<div class="row end-xs middle-xs">
<div class="col-md-12">
<a href="/ideas/" class="top-link">Ideas</a>
<a href="/funding-required/">Funding Required</a>
<a href="/work-in-progress/">Work in Progress</a>
<a href="/completed-proposals/">Completed Tasks</a>
<a href="https://getmonero.org">Getmonero.org</a>
<div class="dropdown">
<label for="desktopdrop">CCS Stages<div class="arrow-down"></div></label>
<input class="burger-checkdropdown" id="desktopdrop" type="checkbox">
<div class="dropdown-content">
<a href="/ideas/">Ideas</a>
<a href="/funding-required/">Funding Required</a>
<a href="/work-in-progress/">Work in Progress</a>
<a href="/completed-proposals/">Completed Tasks</a>
</div>
</div>
<a href="https://getmonero.org">Getmonero.org</a>
<a href="/donate/" class="donate-btn">Donate</a>
</div>
</div>
</div>
......
......@@ -24,7 +24,7 @@ layout: base
<p class="author-list">by {{proposal.author}}</p>
<p class="date-list">{{proposal.date}}</p>
<p class="progress-number-goal">{{proposal.amount}} XMR</p>
<p class="date-list contributor">{{proposal.contributors}} contributors</p>
<p class="date-list contributor">{{proposal.contributions}} contributors</p>
<p class="bar-work-status">Completed</p>
<div class="progress-bar">
<span class="work-progress" style="width: 100%; background-color: #70af71;"></span>
......@@ -64,10 +64,8 @@ layout: base
<span class="{{milestones.status}} ms-{{milestones.status}}"></span>
<h3>{{milestones.name}}</h3>
<p><span class="bold">To be paid:</span> {{milestones.funds}}</p>
{% if milestones.done != nil %}
<p><span class="bold">Completion date:</span> {{milestones.done}}</p>
</div>
{%endif%}
{%endfor%}
{%else%}
<div class="panel-segment">
......
......@@ -13,36 +13,6 @@ layout: base
</div>
</div>
</div>
<!-- FULL WIDTH BLOCK -->
<!--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>
<p><div id="qrcode"></div></p>
<script src="{{ base.url | prepend: site.url }}/js/qrcode.min.js"></script>
<script type="text/javascript">
var qr_description = encodeURIComponent("{{page.title}}");
new QRCode(document.getElementById("qrcode"), {
text: "monero:{{page.address}}?tx_payment_id={{page.paymentid}}&tx_description="+qr_description,
width: 150,
height: 150,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.M
});
</script>
</div>
</div>
</div--!>
<!-- END FULL WIDTH BLOCK -->
<section class="container full">
<div class="info-block">
......@@ -55,12 +25,27 @@ layout: base
<h2>{{page.title}}</h2>
<p class="author-list">{{proposal.author}}</p>
<p class="date-list">{{proposal.date}}</p>
<p class="date-list contributor">{{proposal.contributors}} contributors</p>
<p class="bar-fund-status">Raised <span class="progress-number-funded">{{proposal.amount-funded}}</span> of <span class="progress-number-goal">{{proposal.amount}}</span>100 XMR</p>
<p class="date-list contributor">{{proposal.contributions}} contributors</p>
<p class="bar-fund-status">Raised <span class="progress-number-funded">{{proposal.amount-funded}}</span> of <span class="progress-number-goal">{{proposal.amount}}</span> XMR</p>
<div class="progress-bar">
<span class="fund-progress" style="width: {{proposal.percentage}}%"></span>
</div>
<p><a href="{{proposal.donate-url}}" class="btn btn-primary">Contribute</a></p>
<div class="contribute-dropdown">
<div class="tab">
<input id="tab-con" type="checkbox" name="tabs" class="accordion">
<label for="tab-con" class="accordion btn">Contribute</label>
<div class="tab-content">
<div class="instructions">
<p>1. Choose the amount of XMR you wish to contribute to this proposal.</p>
<p>2. Scan the QR code or tap to open in your Monero wallet app</p>
<p><a href="monero:{{ proposal.donate-address }}" class="qr"><img src="{{ proposal.donate-qr-code }}"></a></p>
<p>or copy the following XMR address:</p>
<p class="string">{{ proposal.donate-address }}</p>
<p>3. Send! Thank you! You are amazing!</p>
</div>
</div>
</div>
</div>
</div>
</div>
......@@ -96,10 +81,8 @@ layout: base
<span class="{{milestones.status}} ms-{{milestones.status}}"></span>
<h3>{{milestones.name}}</h3>
<p><span class="bold">To be paid:</span> {{milestones.funds}}</p>
{% if milestones.done != nil %}
<p><span class="bold">Completion date:</span> {{milestones.done}}</p>
</div>
{%endif%}
{%endfor%}
{%else%}
<div class="panel-segment">
......
---
layout: base
---
<div class="post">
<div class="site-wrap">
<!-- FULL WIDTH BLOCK -->
<section class="container full">
<div class="panel-segment">
<h1 class="text-center">{{page.title}}</h1>
<div>
{{content}}
</div>
</div>
</section>
<!-- END FULL WIDTH BLOCK -->
</div>
</div>
\ No newline at end of file
......@@ -26,7 +26,7 @@ layout: base
<p class="author-list">{{page.author}}</p>
<p class="date-list">{{page.date}}</p>
<p class="progress-number-goal">{{proposal.amount}} XMR</p>
<p class="date-list contributor">{{proposal.contributors}} contributors</p>
<p class="date-list contributor">{{proposal.contributions}} contributors</p>
<p class="bar-work-status">Completed <span class="progress-number-funded">{{proposal.milestones-completed}}</span> of <span class="progress-number-goal">{{proposal.milestones}}</span> milestones</p>
<div class="progress-bar">
<span class="work-progress" style="width: {{proposal.milestones-percentage}}%"></span>
......
---
layout: customnt
layout: customnt
title: Completed Tasks
---
......@@ -25,6 +25,8 @@ title: Completed Tasks
<h3>{{proposal.name}}</h3>
<p class="author-list">{{proposal.author}}</p>
<p class="date-list">{{proposal.date}}</p>
<p class="progress-number-goal">{{proposal.amount}} XMR</p>
<p class="date-list contributor">{{proposal.contributions}} contributors</p>
</div>
</a>
</div>
......
......@@ -989,12 +989,11 @@ body p, body blockquote, body ul {
}
a {
color: #ff7519;
color: #000;
text-decoration: none;
}
a:hover, a:focus, a:active {
text-decoration: underline;
outline: 0;
}
......@@ -1461,6 +1460,10 @@ p {
h1#main-h1 {
font-size: 3rem;
}
h2 {
font-size: 1.4rem;
}
h1 {
font-size: 1.8rem;
......@@ -1740,6 +1743,54 @@ a.btn-link:hover span.icon-blockchain, a.btn-link:focus span.icon-blockchain, a.
margin-bottom: 4rem;
}
.desktop-nav .dropdown {
position: relative;
display: inline-block;
}
.desktop-nav .dropdown-content {
position: absolute;
left: 0;
top: 4.3rem;
text-align: left;
background: #ffffff;
width: 150%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-box-shadow: 0 2px 4px rgba(50,50,93,.1);
-webkit-box-shadow: 0 2px 4px rgba(50,50,93,.1);
box-shadow: 0 2px 4px rgba(50,50,93,.1);
opacity: 0;
visibility: hidden;
z-index: 5;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.desktop-nav .dropdown:hover>.dropdown-content {
opacity: 1;
visibility: visible;
}
.dropdown-content a {
display: block;
}
.arrow-down {
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 3px solid #393939;
display: inline-block;
margin-bottom: 0.25rem;
margin-left: 0.5rem;
}
img.monero-logo {
max-width: 100%;
height: auto;
......@@ -1761,19 +1812,20 @@ p.site-name a {
font-size: 1.2rem;
}
.desktop-nav .items a {
.desktop-nav .items a, .desktop-nav .dropdown {
color: #4c4c4c;
text-decoration: none;
-webkit-transition: all ease-out .1s;
-moz-transition: all ease-out .1s;
-o-transition: all ease-out .1s;
transition: all ease-out .1s;
font-size: 0.9rem;
padding: 0.8rem 1rem;
font-size: 1rem;
padding: 1.5rem;
cursor: pointer;
}
.desktop-nav .items a:last-of-type {
margin-right: -1rem;
.desktop-nav .dropdown label {
cursor: pointer;
}
.desktop-nav .items a:hover, .topnav .topnav-list a:focus, .topnav .topnav-list a:active {
......@@ -1781,6 +1833,21 @@ p.site-name a {
text-decoration: none;
}
.desktop-nav a.donate-btn {
background-color: #d26e2b;
color: #ffffff;
padding: 1rem 1.5rem;
border-radius: 2px;
font-weight: bold;
text-transform: uppercase;
margin-left: 1.5rem;
}
.desktop-nav a.donate-btn:hover, .desktop-nav a.donate-btn:focus, .desktop-nav a.donate-btn:active {
background-color: #ce5e14;
color: #ffffff;
}
.white-nav {
margin-bottom: 1rem;
line-height: 1;
......@@ -1794,15 +1861,19 @@ p.site-name a {
@media only screen and (max-width: 75rem) {
.desktop-nav .items a {
font-size: 0.85rem;
padding: 0.8rem 0.5rem;
.desktop-nav .items a, .desktop-nav .dropdown {
font-size: 1rem;
padding: 1rem 1.3rem;
}
.desktop-nav .items a:last-of-type {
margin-right: -0.5rem;
}
.desktop-nav a.donate-btn {
margin-left: 1.3rem;
}
.desktop-nav .dropdown-content {
top: 3.9rem;
}
img.monero-logo {
width: 10rem;
}
......@@ -1969,7 +2040,7 @@ p.site-name a {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
width: 100vw;
width: 100%;
background-color: #fff;
-moz-transition: top 0.5s, right 0.5s;
-webkit-transition: top 0.5s, right 0.5s;
......@@ -2242,7 +2313,7 @@ body {
footer {
width: 100%;
background-color: #4c4c4c;
background-color: #474c56;
color: #efefef;
z-index: 1;
}
......@@ -2250,21 +2321,20 @@ footer {
footer a.white {
color: #efefef;
text-decoration: none;
-webkit-transition: all ease-out .2s;
-moz-transition: all ease-out .2s;
-o-transition: all ease-out .2s;
transition: all ease-out .2s;
font-size: 0.9375rem;
border-bottom: none;
}
footer a.white.gf {
border-bottom: 2px dotted #efefef;
}
footer a.white:hover, a.white:focus {
color: #ff7519;
text-decoration: underline;
border-bottom: 2px dotted #efefef;
}
.footer-wrapper {
padding: 4rem 1rem;
padding-bottom: 0.5rem;
}
.footer-wrapper ul {
......@@ -2272,11 +2342,47 @@ footer a.white:hover, a.white:focus {
}
.footer-links {
margin-bottom: 3rem;
background-color: #31353c;
width: 100%;
}
.footer-link {
padding: 0 1rem;
margin: 0 1rem;
}
.footer-wrapper .gf-address {
background-color: #dadbdd;
color: #4c4c4c;
font-weight: bold;
word-wrap: break-word;
padding: 1.5rem;
margin-top: 1.5rem;
-moz-box-shadow: 0 0 10px rgba(28,30,34,.6);
-webkit-box-shadow: 0 0 10px rgba(28,30,34,.6);
box-shadow: 0 0 10px rgba(28,30,34,.6);
border-radius: 2px;
-webkit-touch-callout: all; /* iOS Safari */
-webkit-user-select: all; /* Safari */
-khtml-user-select: all; /* Konqueror HTML */
-moz-user-select: all; /* Firefox */
-ms-user-select: all; /* Internet Explorer/Edge */
user-select: all; /* Chrome and Opera */
}
.footer-wrapper .qr {
display: none;
border: none;
border-radius: 10px;
-moz-box-shadow: 0 0 30px rgba(28,30,34,.6);
-webkit-box-shadow: 0 0 30px rgba(28,30,34,.6);
box-shadow: 0 0 30px rgba(28,30,34,.6);
margin-bottom: 1rem;
margin-top: 1rem;
background-color: #ffffff;
}
.footer-wrapper .qr img {
vertical-align: middle;
}
@media only screen and (max-width: 75rem) {
......@@ -2292,7 +2398,6 @@ footer a.white:hover, a.white:focus {
footer {
width: 100%;
background-color: #4c4c4c;
color: #efefef;
z-index: 1;
}
......@@ -2310,26 +2415,37 @@ footer {
position: initial;
width: 100%;
height: auto;
background-color: #4c4c4c;
color: #efefef;
z-index: 1;
}
.footer-wrapper {
padding: 2.5rem;
padding: 2.5rem 1rem;
}
.footer-wrapper div.col-xs-6 {
margin-bottom: 1.5rem;
padding-right: 1rem;
}
footer a.white {
font-size: 0.8rem;
}
}
@media only screen and (max-width: 37rem) {
.footer-wrapper .qr {
display: inline-block;
}
}
@media only screen and (max-width: 30rem) {
.footer-wrapper {
padding: 2rem 2rem 0 2rem;
padding: 2rem;
}
.footer-wrapper div.col-xs-6 {
......@@ -2338,6 +2454,10 @@ footer {
flex-basis: 100%;
padding-right: 0;
}
.list-inline>li {
display: inline-block;
}
}
......@@ -2648,7 +2768,7 @@ h1 {
vertical-align: baseline;
}
.ffs p.author-list:before, .ffs p.date-list:before, .ffs-proposal p.author-list:before, .ffs-proposal p.date-list:before, .ffs-proposal p.progress-number-goal:before, .ffs-proposal p.date-list.contributor:before {
.ffs p.author-list:before, .ffs p.date-list:before, .ffs-proposal p.author-list:before, .ffs-proposal p.date-list:before, .ffs-proposal p.progress-number-goal:before, .ffs-proposal p.date-list.contributor:before, .in-progress p.progress-number-goal:before, .complete-proposal p.progress-number-goal:before {
content: '';
display: inline-block;
height: 0.8rem;
......@@ -2666,7 +2786,7 @@ h1 {
background-image: url(/img/calendar.png);
}
.ffs p.progress-number-goal:before, .ffs-proposal p.progress-number-goal:before {
.in-progress p.progress-number-goal:before, .ffs-proposal p.progress-number-goal:before, .complete-proposal p.progress-number-goal:before {
background-image: url(/img/monero-amount.png);
}
......@@ -2674,7 +2794,7 @@ h1 {
background-image: url(/img/contributors.png);
}
.ffs p.author-list, .ffs p.date-list, .ffs-proposal p.author-list, .ffs-proposal p.date-list {
.ffs p.author-list, .ffs p.date-list, .ffs-proposal p.author-list, .ffs-proposal p.date-list, .in-progress p.progress-number-goal, .complete-proposal p.progress-number-goal {
padding-top: 0;
font-size: 1.1rem;
color: #9ca1ac;
......@@ -2683,7 +2803,7 @@ h1 {
vertical-align: middle;
}
.ffs-proposal p.date-list, .ffs-proposal p.progress-number-goal, .ffs p.date-list {
.ffs-proposal p.date-list, .ffs-proposal p.progress-number-goal, .ffs p.date-list, .in-progress p.progress-number-goal, .complete-proposal p.progress-number-goal {
margin-left: 2rem;
}
......@@ -2812,10 +2932,10 @@ p.author-list, p.date-list, p.progress-number-goal, p.bar-work-status {
.fund-required p.bar-fund-status, .ffs-proposal p.bar-fund-status, .in-progress p.bar-work-status, .ffs-proposal p.bar-work-status, .ffs-con p.bar-fund-status {
padding-top: 0;
font-weight: bold;
font-family: 'Open Sans', sans-serif;
font-family: 'Hind', sans-serif;
text-align: right;
float: right;
font-size: 1.1rem;
font-size: 1.2rem;
}
.fund-required .progress-bar {
......@@ -2863,7 +2983,7 @@ p.author-list, p.date-list, p.progress-number-goal, p.bar-work-status {
.fund-required p.bar-fund-status, .ffs-fr p.bar-fund-status, .ffs-con p.bar-fund-status {
text-align: left;
float: none;
font-size: 0.9rem;
font-size: 1rem;
padding-top: 0;
margin-top: 1rem;
}
......@@ -2896,6 +3016,14 @@ p.author-list, p.date-list, p.progress-number-goal, p.bar-work-status {
vertical-align: middle;
}
.in-progress p.progress-number-goal, .complete-proposal p.progress-number-goal {
font-size: 1.1rem;
color: #a1aabb;
line-height: 0;
display: inline;
vertical-align: middle;
}
.ffs-proposal .btn {
width: 8rem;
height: 3rem;
......@@ -2918,6 +3046,7 @@ p.author-list, p.date-list, p.progress-number-goal, p.bar-work-status {
-o-transition: background .15s ease, box-shadow .15s ease;
transition: background .15s ease, box-shadow .15s ease;
margin: 0 auto;
border-radius: 2px;
}
.ffs-proposal .btn-primary {
......@@ -3012,23 +3141,51 @@ p.author-list, p.date-list, p.progress-number-goal, p.bar-work-status {
word-wrap: break-word;
}
.panel-segment a {
border-bottom: 2px dotted #a1aabb;
display: inline;
line-height: 1.7;
}
.panel-segment a:hover, .panel-segment a:focus, .panel-segment a:active {
border-bottom: 2px solid #a1aabb;
}
.panel-segment:last-child {
margin-bottom: 1rem;
}
.panel-segment h1:first-child {
margin-top: 0;
}
.panel-segment h1 {
margin-top: 1rem;
margin-bottom: 0;
line-height: 1.2;
font-size: 2rem;
}
.panel-segment h2 {
margin-top: 2.5rem;
text-align: left;
}
.panel-segment h3 {
padding-top: 0;
font-size: 1.5rem;
margin-top: 2.5rem;
margin-top: 1.7rem;
font-family: 'Hind', sans-serif;
font-weight: bold;
text-decoration: none;
}
.panel-segment h3:first-child {
margin-top: 0;
}
.panel-segment p {
.panel-segment p, .panel-segment ul li, .panel-segment ol li, .dongf p {
padding-top: 1rem;
font-size: 1.1rem;
line-height: 1.7;
......@@ -3041,12 +3198,6 @@ p.author-list, p.date-list, p.progress-number-goal, p.bar-work-status {
margin-bottom: 0;
}
.panel-segment ul li, .panel-segment ol li {
font-size: 1.1rem;
line-height: 1.7;
padding-top: 1rem;
}
.panel-segment .gldiscuss {
padding-top: 2.5rem;
margin-top: 3rem;
......@@ -3103,10 +3254,18 @@ p.author-list, p.date-list, p.progress-number-goal, p.bar-work-status {
.milestone.panel-segment:first-of-type, .milestone.panel-segment:after {
padding-top: 3rem;
}
.panel-segment h2 {
margin-top: 2.3rem;
}
.panel-segment h3 {
font-size: 1.3rem;
margin-top: 2rem;
margin-top: 1.5rem;
}
.panel-segment h1 {
margin-bottom: 2rem;
}
.panel-segment .gldiscuss {
......@@ -3140,20 +3299,40 @@ p.author-list, p.date-list, p.progress-number-goal, p.bar-work-status {
padding-top: 2rem;
}
.panel-segment p {
.panel-segment p, .panel-segment ul li, .panel-segment ol li, .dongf p {
font-size: 1rem;
}
.panel-segment h2 {
margin-top: 2rem;
}
.panel-segment h3 {
font-size: 1.3rem;
margin-top: 1.5rem;
}
.panel-segment h1 {
margin-bottom: 1.5rem;
font-size: 1.7rem;
}
.panel-segment .gldiscuss {
padding-top: 1.5rem;
margin-top: 2rem;
}
.fund-required p.author-list, .fund-required p.date-list {
font-size: 1rem;
}
.complete-proposal p.author-list, .complete-proposal p.date-list, .complete-proposal p.progress-number-goal, .complete-proposal p.date-list, .in-progress p.autor-list, .in-progress p.date-list, .in-progress p.progress-number-goal {
display: block;
margin-left: 0;
padding-top: 0.9rem;
font-size: 1rem;
}
}
@media (max-width: 600px) {
......@@ -3164,6 +3343,10 @@ p.author-list, p.date-list, p.progress-number-goal, p.bar-work-status {
.panel-segment:first-of-type, .milestone.panel-segment:first-of-type {
}
.panel-segment h1 {
font-size: 1.5rem;
}
.input:checked + .label {
padding-bottom: 0;
......@@ -3198,6 +3381,12 @@ p.author-list, p.date-list, p.progress-number-goal, p.bar-work-status {
margin-top: 1rem;
margin-bottom: 1rem;
font-weight: 700;
-webkit-touch-callout: all; /* iOS Safari */
-webkit-user-select: all; /* Safari */
-khtml-user-select: all; /* Konqueror HTML */
-moz-user-select: all; /* Firefox */
-ms-user-select: all; /* Internet Explorer/Edge */
user-select: all; /* Chrome and Opera */
}
.ffs-con .qr, .ffs-con .qr:hover, .ffs-con .qr:focus, .ffs-con .qr:active {
......@@ -3217,6 +3406,101 @@ p.author-list, p.date-list, p.progress-number-goal, p.bar-work-status {
max-width: 15rem;
}
/*Contribute Dropdown*/
.tab {
position: relative;
width: 100%;
color: #4c4c4c;
overflow: hidden;
}
label.accordion {
position: relative;
display: block;
padding: 1.3rem 2rem 1.3rem 0;
font-weight: bold;
line-height: 1.7;
cursor: pointer;
margin-right: 0.5rem;
}
.tab-content {
overflow:hidden;
height:0;
padding: 0;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
padding: 0 1rem;
}
input.accordion:checked ~ .tab-content {
height:auto;
padding: 1rem;
}
input.accordion {
position: absolute;
display: none;
z-index: -1;
}
.contribute-dropdown {
text-align: center;
}
.contribute-dropdown .btn {
margin: 1rem auto;
-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.07), 0 1px 5px 0 rgba(0,0,0,.1);
-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.07), 0 1px 5px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 2px 0 rgba(0,0,0,.07), 0 1px 5px 0 rgba(0,0,0,.1);
background-color: #d26e2b;
color: #ffffff;
}
input.accordion:checked ~ .btn {
background-color: #db8b55;
}
.instructions a.qr {
border: none;
border-radius: 10px;
display: inline-block;
-moz-box-shadow: 0 0 5px rgba(50,50,93,.4);
-webkit-box-shadow: 0 0 5px rgba(50,50,93,.4);
box-shadow: 0 0 5px rgba(50,50,93,.4);
margin-bottom: 1rem;
margin-top: 1rem;
text-decoration: none;
}
.instructions .qr img {
border-radius: 10px;
vertical-align: middle;
max-width: 15rem;
}
.instructions p.string {
background-color: #edeff2;
padding: 1.5rem;
margin-top: 1rem;
margin-bottom: 1rem;
font-weight: 700;
-webkit-touch-callout: all;
-webkit-user-select: all;
-khtml-user-select: all;
-moz-user-select: all;
-ms-user-select: all;
user-select: all;
border-radius: 2px;
max-width: 40rem;
margin-left: auto;
margin-right: auto;
-moz-box-shadow: 0 0 5px rgba(50,50,93,.4);
-webkit-box-shadow: 0 0 5px rgba(50,50,93,.4);
box-shadow: 0 0 5px rgba(50,50,93,.4);
}
@media (max-width: 600px) {
.ffs-con .panel {
......@@ -3248,7 +3532,6 @@ p.author-list, p.date-list, p.progress-number-goal, p.bar-work-status {
.in-progress p.bar-work-status {
padding-top: 0;
font-weight: bold;
font-family: 'Open Sans', sans-serif;
}
@media only screen and (max-width: 62rem) {
......@@ -3266,17 +3549,6 @@ p.author-list, p.date-list, p.progress-number-goal, p.bar-work-status {
@media only screen and (max-width: 48rem) {
.in-progress p.author-list {
-ms-flex-preferred-size: 35%;
flex-basis: 35%;
max-width: 35%;
font-size: 0.9rem;
padding-top: 0;
}
.in-progress p.date-list {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
font-size: 0.9rem;
padding-top: 0;
}
......@@ -3292,10 +3564,6 @@ p.author-list, p.date-list, p.progress-number-goal, p.bar-work-status {
text-align: start;
}
.in-progress p.author-list, .in-progress p.date-list {
padding-top: 0.3rem;
}
.in-progress p.bar-work-status, .ffs-cp p.bar-work-status {
text-align: left;
float: none;
......@@ -3308,7 +3576,7 @@ p.author-list, p.date-list, p.progress-number-goal, p.bar-work-status {
@media only screen and (max-width: 30rem) {
.in-progress p.author-list, .in-progress p.date-list {
.in-progress p.author-list, .in-progress p.date-list, .in-progress p.progress-number-goal, .complete-proposal p.progress-number-goal {
padding-top: 0.7rem;
}
}
......@@ -3328,6 +3596,17 @@ p.author-list, p.date-list, p.progress-number-goal, p.bar-work-status {
clear: both;
}
@media only screen and (max-width: 75rem) {
.in-progress p.bar-work-status {
text-align: left;
float: none;
display: block;
margin-top: 1rem;
}
}
@media only screen and (max-width: 62rem) {
......@@ -3335,7 +3614,7 @@ p.author-list, p.date-list, p.progress-number-goal, p.bar-work-status {
font-size: 1rem;
}
.ffs-proposal p.bar-work-status, .ffs-proposal p.bar-work-status, .ffs-proposal p.bar-fund-status {
.ffs-proposal p.bar-work-status, .ffs-proposal p.bar-work-status, .ffs-proposal p.bar-fund-status, .fund-required p.bar-fund-status {
text-align: left;
float: none;
display: block;
......@@ -3347,7 +3626,7 @@ p.author-list, p.date-list, p.progress-number-goal, p.bar-work-status {
@media only screen and (max-width: 48rem) {
.ffs-proposal p.author-list, .ffs-proposal p.date-list, .ffs-proposal p.progress-number-goal, .ffs-proposal p.bar-work-status {
font-size: 0.9rem;
font-size: 1rem;
}
.ffs-wip p.date-list, .ffs-wip p.progress-number-goal, .ffs-cp p.date-list, .ffs-cp p.progress-number-goal {
......@@ -3358,15 +3637,19 @@ p.author-list, p.date-list, p.progress-number-goal, p.bar-work-status {
@media only screen and (max-width: 37rem) {
.ffs-proposal p.author-list, .ffs-proposal p.date-list, .ffs-proposal p.progress-number-goal, .ffs-proposal p.bar-work-status {
padding-top: 0.7rem;
.ffs-proposal p.author-list, .ffs-proposal p.date-list, .ffs-proposal p.progress-number-goal, .fund-required p.author-list, .fund-required p.date-list {
padding-top: 0.9rem;
}
.ffs-proposal p.bar-fund-status, .ffs-proposal p.bar-work-status {
padding-top: 0;
}
.ffs-wip .progress-bar, .ffs-cp .progress-bar {
margin-top: 0.5rem;
}
.ffs-proposal p.author-list, .ffs-proposal p.date-list, .ffs-proposal p.progress-number-goal, .ffs-proposal p.bar-work-status {
.ffs-proposal p.author-list, .ffs-proposal p.date-list, .ffs-proposal p.progress-number-goal, .ffs-proposal p.bar-work-status, .fund-required p.author-list, .fund-required p.date-list, .ffs-proposal p.bar-fund-status, .in-progress p.progress-number-goal, .complete-proposal p.progress-number-goal {
display: block;
margin-left: 0;
}
......@@ -3595,10 +3878,9 @@ p.author-list, p.date-list, p.progress-number-goal, p.bar-work-status {
}
p.if-issues {
font-size: 0.8rem;
padding-top: 2rem;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>FFS</title>
<link rel="apple-touch-icon" sizes="180x180" href="/meta/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/meta/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/meta/favicon-16x16.png">
<link rel="manifest" href="/meta/manifest.json">
<link rel="mask-icon" href="/meta/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">
<link href="/css/custom.css" rel="stylesheet">
<meta name="msapplication-config" content="/ietemplates/ieconfig.xml">
</head>
<body>
<div class="page-wrapper">
<div class="mob-nav">
<input class="burger-check" id="mobile-burger" type="checkbox"><label for="mobile-burger" class="burger"></label>
<div class="slide-in-nav">
<div class="container slide-in">
<div class="row">
<div class="col-xs-12">
<div class="text-center nav-item mob">
<a href="/ideas/" class="top-link">Ideas</a>
</div>
<div class="text-center nav-item mob">
<a href="/funding-required/">Funding Required</a>
</div>
<div class="text-center nav-item mob">
<a href="/work-in-progress/">Work in Progress</a>
</div>
<div class="text-center nav-item mob">
<a href="/completed-proposals/">Completed Tasks</a>
</div>
<div class="text-center nav-item mob">
<a href="/completed-proposals/">Back to Getmonero.org</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="desktop-nav">
<nav class="container">
<div class="row middle-xs">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
<a href="/"><img src="/img/monero-logo.png" alt="Monero Logo" class="monero-logo"></a>
</div>
<div class="col-lg-8 col-md-8 col-sm-8 items end-xs">
<div class="row end-xs middle-xs">
<div class="col-md-12">
<a href="/ideas/" class="top-link">Ideas</a>
<a href="/funding-required/">Funding Required</a>
<a href="/work-in-progress/">Work in Progress</a>
<a href="/completed-proposals/">Completed Tasks</a>
<a href="/completed-proposals/">Getmonero.org</a>
</div>
</div>
</div>
</div>
</nav>
</div>
<div class="mob bot-nav white-nav">
<div class="row middle-xs">
<div class="col-xs-6">
<a href="
/
"><img src="/img/monero-logo.png" alt="Monero Logo" class="monero-logo"></a>
</div>
</div>
</div>
<div class="site-wrap ffs-proposal ffs-con">
<div class="container ffs-breadcrumbs">
<div class="row">
<div class="col-xs-12">
<p><a href="/">Community Crowdfunding System</a></p>
<p><a href="/funding-required/">Funding Required</a></p>
<p><a href="/funding-required/">[TITLE HERE]</a></p>
<p class="bread-active">Contribute</p>
</div>
</div>
</div>
---
layout: customnt
title: Donate to the Monero Project
---
<section class="container full">
<div class="info-block">
<div class="row">
<div class="col-xs-12">
<h2>[TITLE HERE]</h2>
<div class="row middle-xs between-xs">
<p class="author-list"><span><img src="/img/author-filled.png"></span>[AUTHOR NAME HERE]</p>
<p class="date-list"><span><img src="/img/calendar.png"></span>[DATE HERE]</p>
<p class="bar-fund-status">Raised <span class="progress-number-funded">[AMOUNT HERE]</span> of <span class="progress-number-goal">[AMOUNT RAISED HERE]</span> XMR</p>
</div>
<div class="progress-bar">
<span class="fund-progress" style="width: [PERCENTAGE HERE]%"></span>
</div>
<p>Your contribution should be visible within 5 minutes of you sending your contribution. If for some reason it is not there, please contact a member of the Core Team!</p>
<div class="col-xs-12 dongf">
<h2>Donate to the Monero Project</h2>
<p>By donating to the following Monero address (General Fund), you are supporting the Monero Project. If you wish to donate to a specific proposal, please see <a href="/funding-required/index.html" class="white gf">Funding Required</a>.</p>
</div>
</div>
</div>
......@@ -122,52 +17,23 @@
<section class="container full">
<div class="row">
<div class="col-xs-12">
<div class="tabs con-how">
<input class="input" name="tabs" type="radio" id="tab-1" checked="checked"/>
<label class="label" for="tab-1">QR Code</label>
<div class="panel col-xs-12">
<div class="tabs ffs-con">
<div class="col-xs-12">
<div class="panel-segment">
<h3>Contribute with a QR code</h3>
<p>1. Choose the amount of XMR you wish to contribute to this proposal</p>
<p>2. Scan this QR code or tap to open in your Monero wallet app:</p>
<p>
<a href="[MONERO URL HERE]" class="qr"><img src="[QR CODE IMAGE HERE]"/></a>
<a href="monero:888tNkZrPN6JsEgekjMnABU4TBzc2Dt29EPAvkRxbANsAnjyPbb3iQ1YBRk1UXcdRsiKc9dhwMVgN5S9cQUiyoogDavup3H" class="qr"><img src="/img/donate-monero.png"/></a>
</p>
<p>3. Send! Thank you! You are amazing!</p>
<p>OR</p>
<p>Enter the following XMR address:</p>
<p class="string">888tNkZrPN6JsEgekjMnABU4TBzc2Dt29EPAvkRxbANsAnjyPbb3iQ1YBRk1UXcdRsiKc9dhwMVgN5S9cQUiyoogDavup3H</p>
<p>3. Send! Thank you! Monero is grateful to you.</p>
<p class="if-issues">Your contribution should be visible within 5 minutes of you sending your contribution. If for some reason it is not there, please contact a member of the Core Team!</p>
</div>
</div>
<input class="input" name="tabs" type="radio" id="tab-2"/>
<label class="label" for="tab-2">Address</label>
<div class="panel col-xs-12">
<div class="panel-segment">
<h3>Contribute using an address</h3>
<p>1. Choose the amount of XMR you wish to contribute to this proposal</p>
<p>2. Enter the following XMR address:</p> <p class="string">[SUBADDRESS HERE]</p>
<p>3. Send! Thank you! You are amazing!</p>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<footer class="container-fluid">
<div class="container">
<div class="row around-xs footer-wrapper">
<div class="row center-xs">
<div class="social-icons">
</div>
<div class="footer-links">
<ul class="list-unstyled list-inline">
</ul>
</div>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>
</section>
\ No newline at end of file
......@@ -26,6 +26,7 @@ title: Funding Required
<h3>{{proposal.name}}</h3>
<p class="author-list">{{proposal.author}}</p>
<p class="date-list">{{proposal.date}}</p>
<p class="date-list contributor">{{proposal.contributions}} contributions</p>
<p class="bar-fund-status">Raised <span class="progress-number-funded">{{proposal.amount-funded}}</span> of <span class="progress-number-goal">{{proposal.amount}}</span> XMR</p>
<div class="progress-bar">
<span class="fund-progress" style="width: {{proposal.percentage}}%"></span>
......
---
layout: post
title: How to submit a CCS proposal.
---
#### Note: Read the [What is the CCS and What Are Its Rules and Expectations](/what-is-ccs) page before continuing!
The CCS utilizes git, and Monero's Gitlab instance for proposal tracking. A quickstart guide is provided at the top for those already well-versed in git, and step-by-step instructions (with pictures) are provided afterward for those who need help getting through the process. An example proposal is provided at the bottom of this document for referential purposes.
## Table of Contents
- [Quickstart Guide](#quickstart-guide)
- [Step-by-step Instructions](#step-by-step-instructions)
- [Example Proposal](#example-proposal-front-matter)
- [Editing or Amending a Proposal](#editing-or-amending-a-proposal)
## Quickstart Guide
1. Register for an account on [Monero's Gitlab instance.](https://repo.getmonero.org) and fork the [CCS Proposals repository](https://repo.getmonero.org/monero-project/ccs-proposals)
2. Make a new branch, named similarly to your proposal
3. Add a new `.md` document, and title it similarly to the title of your proposal with your name or handle in the file name.
4. Use the template provided below for the front matter, and place it at the top of your proposal. You are responsible for adding the appropriate amount of milestones, with an equal number of payouts below the milestones. FORMATTING MUST BE PRESERVED, OR THE PROPOSAL WILL NOT WORK! Do NOT fill in the `done:` variable under `milestones:`, and do NOT fill in anything under `payouts:` besides making sure the number matches the number of milestones.
```
---
layout: fr
title:
author:
date:
amount:
milestones:
- name:
funds:
done:
status: unfinished
- name:
funds:
done:
status: unfinished
payouts:
- date:
amount:
- date:
amount:
---
```
5. Underneath the front matter, write the rest of your proposal. Be sure to include what the proposal is about, who will be completing it, why it is important for the community, the milestones and projected timeline, and an expiration date for your proposal.
6. Save, commit, and make a Merge Request to the repo. Your MR title must be descriptive and relevant to your proposal. The MR description should be copy/pasted from the proposal contents for easy viewing (front matter excluded).
7. You're done. Go start letting people know about your proposal.
## Step-by-step Instructions
### 1. Gitlab
**You will only have to do this step once! If you make future proposals, you can skip to Step 2.**
First things first, you're going to need an account on [Monero's Gitlab instance.](https://repo.getmonero.org) Following the provided link will bring to the sign up page. Register for an account (use a strong password), and then navigate to the [CCS Proposals repo](https://repo.getmonero.org/monero-project/ccs-proposals). Click the "Fork" button and select your name on the subsequent screen. ![Click this fork button](/img/how-to/fork.png)
You should see a blue success bar, along with your new repository. ![Fork success](/img/how-to/fork-success.png)
### 2. Branches
If you're not familiar with git, then this next step might not make a lot of sense to you, but it is common and recommended practice for users of git and Gitlab. Basically, just do this, even if you don't understand it. It makes the maintainer's lives a lot simpler.
Click on Branches. ![Click on Branches](/img/how-to/branches.PNG) and then click on New Branch. ![Click on NEw Branch.](/img/how-to/new-branch.PNG) Fill in the "Branch Name" on the next screen by naming it something similar to your proposal. No spaces are allowed though. Leave the other field as is (it should say "Master") and click Create Branch. You should be taken back to your repository, but now on the new branch, as evidenced by seeing the name of your new branch on the screen. A screenshot is provided below to show where you would see it. ![Hooray! You're on your new branch.](/img/how-to/new-branch-success.PNG)
### 3. Make the proposal file
From here, you're going to click on the + button near the top center of your screen, and click "New File" on the subsequent dropdown. ![Plus button](/img/how-to/new-file.PNG) On this new screen, fill in the File Name field with a descriptive title that includes your name, or online handle, is relevant to your proposal, and ends in `.md`. As an example, if Diego "rehrar" Salazar was to make a proposal asking for funding so I can make videos for Monero, I might title the file `rehrar-make-videos-for-monero.md`.
### 4. Front matter
Before you begin writing your proposal, however, you must copy the following template and paste it onto the top of your file:
```
---
layout: fr
title:
author:
date:
amount:
milestones:
- name:
funds:
done:
status: unfinished
- name:
funds:
done:
status: unfinished
payouts:
- date:
amount:
- date:
amount:
---
```
Fill this template out as follows:
`layout:` Do NOT touch this field.
`title:` Fill this in with a descriptive title of what your proposal wants to accomplish. Copy this field into a notepad program, as the EXACT title will be used in Step 6.
`author:` Put your name or handle here.
`date:` Put the date you are proposing and submitting this to the community in the following format: `January 31, 2019`.
`amount:` Put the amount of Monero you are requesting for complete this.
`milestones:` Do not put anything after Milestones directly, but rather the fields that follow it. Copy and paste from one dash (`-`) to the other, depending on how many milestones your proposal will take. So if you have four milestones, you should see put the following:
```
milestones:
- name:
funds:
done:
status: unfinished
- name:
funds:
done:
status: unfinished
- name:
funds:
done:
status: unfinished
- name:
funds:
done:
status: unfinished
```
EXACT FORMATTING MUST BE PRESERVED WITH THE SPACING. Otherwise the proposal will not work. It's the way Jekyll (on which this is built) functions. The dashes must be two spaces from the left margin.
Fill in the `name:` field with the name of the Milestone (for example: Complete Video 1), and the `funds:` field with the amount of Monero you expect to receive for completing the milestones. Do not touch the `done:` or `status:` fields. Repeat until all the `name:` and `funds:` fields are filled in. If this confuses you, please scroll to the end of the page for an example of all of this correctly filled out.
`payouts:` Copy and paste the same amount of variables under payouts that you have under milestones. If you have three milestones, you should have three sets `date:` and `amount:` variables underneath `payouts:`. Do not fill in these fields.
### 5. Writing your proposal
NOW you can put your proposal beneath the front matter (underneath the last three dashes). When writing the proposal remember to include:
- What the proposal is about.
- Who will complete the proposal?
- Why it is important for Monero and the community.
- Your milestones and projected timeline
- An expiration date for the proposal. If it's not funded or finished by a certain time, the funds can be released to other proposals or the General Fund.. This keeps things moving along in a timely fashion.
It is recommended that after your proposal is written, you copy and paste it (minus the front matter from step 4) and paste it into a notepad. This will be used in step 6.
After all of this is done, click the green Commit Changes button at the bottom.
### 6. Make a Merge Request
After you click Commit Changes, you will be taken to your newly created file in the new branch of your repository. You will see a bar at the top that lets you know the creation of your file has been successful. You will also see a notification that your new branch can make a Merge Request.
Click on the blue button in the upper right to start this process. ![File creation success and merge request button](/img/how-to/mr.PNG)
You will see a screen with a few things to fill out. In the Title field, put the same title that you used in the front matter of your proposal. In the Description text box, paste in the proposal EXACTLY AS IT APPEARS IN YOUR .md file, minus the front matter. If you followed Step 5, you should have it in a notepad program of some sort. ![Fill in title and description fields](/img/how-to/submit-mr.PNG)
After this is done, scroll down, and click the green Submit Merge Request button at the bottom left of the page. You should be taken to the Merge Request page for your proposal.
### 7. You're done. Now go drum up some support.
Good job on getting all the way here. When you finish, the community will be discussing your proposal on the merge request itself. If you want to weigh in on the discussion, feel free. It will be up to you to get people to support your proposal, both for it to be moved to the Funding Required stage, and also while its awaiting donations. Best of luck, and thank you so much for contributing to Monero. We, the community, really appreciate it.
## Example Proposal Front Matter
```
---
layout: fr
title: Make a Monero Spaceship
author: somekid
date: January 31, 2019
amount: 10000
milestones:
- name: Milestone 1 - Purchase the parts
funds: 30% (3000 XMR)
done:
status: unfinished
- name: Milestone 2 - Assemble the spaceship
funds: 50% (5000 XMR)
done:
status: unfinished
- name: Milestone 3 - Throw a big party
funds: 20% (2000 XMR)
done:
status: unfinished
payouts:
- date:
amount:
- date:
amount:
- date:
amount:
---
```
The proposal will be written here.
## Editing or Amending a Proposal
Often times, through community critique and feedback, it is necessary to edit a proposal after the Merge Request has already been submitted. This can be done in the following way.
### Navigate to your CCS Proposals repository
From the homepage of repo.getmonero.org, once you're logged in, you should see a list of your repositories. Find your copy of `CSS Proposals` and click on it.
### Branches and files
Locate the dropdown with all of your active branches, click it, and select the branch on which your proposal was made. ![Branches dropdown](/img/how-to/edit-find-branch.PNG)
Once you are on the page with the correct branch, as evidenced by the name of the branch showing (see the last screenshot in step 2 of the step-by-step instruction to see where) find and select the file of your proposal (this is why descriptive branch and file names are important).
### Editing the file
Once you are on the page of your file, on the upper right corner should be an Edit button. ![Edit button](/img/how-to/edit-edit-button.PNG) Select this and you should be taken to the editing screen. Amend the proposal as needed (remember to edit the front matter too if any of those variables are changing), and press the green Commit Changes button at the bottom.
**Warning! Not only the changes but THE FACT that you made changes will be visible to EVERYONE! You CANNOT stealth edit your proposal. This is good for transparency. See the screenshot below.** ![Edits seen](/img/how-to/edit-editing-seen.PNG)
\ No newline at end of file
......@@ -9,7 +9,7 @@ title: Ideas
<p><a href="/">Community Crowdfunding System</a></p>
<p class="bread-active">{{page.title}}</p>
<p class="submit-idea">
<a href="#" target="_blank">Submit Idea</a>
<a href="/how-to-ccs/" target="_blank">Submit Idea</a>
</p>
</div>
</div>
......@@ -27,8 +27,8 @@ title: Ideas
<a href="{{proposal.gitlab-url}}" target="_blank" class="row middle-xs ffs-idea">
<div class="col-xs-12">
<h3>{{proposal.name}}</h3>
<p class="author-list"><span><img src="/img/author-filled.png"></span>{{proposal.author}}</p>
<p class="date-list"><span><img src="/img/calendar.png"></span>{{proposal.date}}</p>
<p class="author-list">{{proposal.author}}</p>
<p class="date-list">{{proposal.date}}</p>
</div>
</a>
</div>
......
img/how-to/branches.PNG

53.7 KiB

img/how-to/edit-edit-button.PNG

18.6 KiB

img/how-to/edit-editing-seen.PNG

105 KiB

img/how-to/edit-find-branch.PNG

55.7 KiB

img/how-to/fork-success.png

34.3 KiB

img/how-to/fork.png

40.4 KiB

img/how-to/mr.PNG

28 KiB