selfhosted
/
formspree
mirror of https://github.com/formspree/formspree.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Links to formspree social media and also fix submission box being monospaced

This commit is contained in:
Rohit Datta 2016-02-27 23:47:29 -06:00
parent a783e26a62
commit b02ab7eb18
4 changed files with 27 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
formspree/static/css/main.css
View File

@ -2886,12 +2886,14 @@ span.code {
input, textarea {
font-size: 0.8em;
font-family: "source-code-pro", monospace;
font-family: 'proxima-nova-soft', sans-serif;
border: 1px solid #ddd;
background: #fff;
padding: 0.9em;
transition: all 0.3s ease-in-out;
width: 100%; }
input.code, textarea.code {
font-family: "source-code-pro", monospace; }
input:focus, textarea:focus {
border-color: #2A735B;
outline: none;
@ -3015,3 +3017,5 @@ body.showOverlay .toggleOverlay {
right: 30%;
left: 30%;
width: 40%; }
/*# sourceMappingURL=main.css.map */

5
formspree/static/scss/main.scss
View File

@ -185,7 +185,10 @@ span.code {
input, textarea {
font-size: 0.8em;
font-family: "source-code-pro", monospace;
&.code {
font-family: "source-code-pro", monospace;
}
font-family: 'proxima-nova-soft', sans-serif;
border: 1px solid $accent;
background: #fff;
padding: 0.9em;

2
formspree/templates/layouts/base.html
View File

@ -8,6 +8,8 @@
<link rel="stylesheet" href="{{url_for('static', filename='css/main.css')}}">
<link rel="icon" type="image/png" href="{{config.SERVICE_URL}}/static/img/favicon.ico">
<meta name="viewport" content="initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
</head>
<body class="{% block bodyclass %}{% endblock %}" id="{% block bodyid %}card{% endblock %}">

23
formspree/templates/static_pages/index.html
View File

@ -42,7 +42,7 @@
<div class="col-1-1">
<h3>1. Setup the HTML form</h3>
<p>Change your form's <span class="code">action</span>-attribute to this and replace your@email.com with your own email.</p>
<p><input type="text" value="http:{{config.API_ROOT}}/your@email.com" /></p>
<p><input type="text" class="code" value="http:{{config.API_ROOT}}/your@email.com" /></p>
</div>
</div>
@ -122,7 +122,7 @@
<div class="col-1-1">
<h4><span class="code">_replyto</span> or <span class="code">email</span></h4>
<p>This value is used for the email's Reply-To field. This way you can directly "Reply" to the email to respond to the person who originally submitted the form.</p>
<p><input type="text" value='<input type="text" name="_replyto" placeholder="Your email" />'></p>
<p><input type="text" class="code" value='<input type="text" name="_replyto" placeholder="Your email" />'></p>
</div>
</div>
@ -130,7 +130,7 @@
<div class="col-1-1">
<h4><span class="code">_next</span></h4>
<p>By default, after submitting a form the user is shown the {{config.SERVICE_NAME}} "Thank You" page. You can provide an alternative URL for that page.</p>
<p><input type="text" value='<input type="hidden" name="_next" value="//site.io/thanks.html" />'></p>
<p><input type="text" class="code" value='<input type="hidden" name="_next" value="//site.io/thanks.html" />'></p>
</div>
</div>
@ -138,7 +138,7 @@
<div class="col-1-1">
<h4><span class="code">_subject</span></h4>
<p>This value is used for the email's subject, so that you can quickly reply to submissions without having to edit the subject line each time.</p>
<p><input type="text" value='<input type="hidden" name="_subject" value="New submission!" />'></p>
<p><input type="text" class="code" value='<input type="hidden" name="_subject" value="New submission!" />'></p>
</div>
</div>
@ -146,7 +146,7 @@
<div class="col-1-1">
<h4><span class="code">_cc</span></h4>
<p>This value is used for the email's CC Field. This lets you send a copy of each submission to another email address.</p>
<p><input type="text" value='<input type="hidden" name="_cc" value="another@email.com" />'></p>
<p><input type="text" class="code" value='<input type="hidden" name="_cc" value="another@email.com" />'></p>
</div>
</div>
@ -154,7 +154,7 @@
<div class="col-1-1">
<h4><span class="code">_gotcha</span></h4>
<p>Add this "honeypot" field to avoid spam by fooling scrapers. If a value is provided, the submission will be silently ignored. The input should be hidden with CSS.</p>
<p><input type="text" value='<input type="text" name="_gotcha" style="display:none" />'></p>
<p><input type="text" class="code" value='<input type="text" name="_gotcha" style="display:none" />'></p>
</div>
</div>
@ -232,7 +232,7 @@
<div class="row section">
<div class="container narrow block">
<div class="col-1-2">
<p>{{config.SERVICE_NAME}} is a tool <a href="https://github.com/formspree/formspree">managed on Github</a>. To contact us send an email to <a href="mailto:{{config.CONTACT_EMAIL}}">{{config.CONTACT_EMAIL}}</a> or use the form on the right.</p>
<p>{{config.SERVICE_NAME}} is a tool <a href="https://github.com/formspree/formspree">managed on GitHub</a>. To contact us send an email to <a href="mailto:{{config.CONTACT_EMAIL}}">{{config.CONTACT_EMAIL}}</a> or use the form on the right.</p>
</div>
<div class="col-1-2">
<form method="POST" action="//{{config.API_ROOT}}/{{config.CONTACT_EMAIL}}">
@ -243,6 +243,15 @@
</form>
</div>
</div>
<div class="container block">
<div class="col-1-1 center">
<a href="//facebook.com/formspree"><i class="fa fa-facebook-official fa-2x"></i></a>
<a href="//twitter.com/formspree"><i class="fa fa-twitter fa-2x"></i></a>
<a href="//github.com/formspree/formspree"><i class="fa fa-github fa-2x"></i></a>
</div>
</div>
</div>
{% endblock %}