Skip to content

Commit

Permalink
Links to formspree social media and also fix submission box being mon…
Browse files Browse the repository at this point in the history 
…ospaced
  • Loading branch information
@rohitdatta
rohitdatta committed Feb 28, 2016
1 parent a783e26 commit b02ab7e
Show file tree
Hide file tree
Showing 4 changed files with 27 additions and 9 deletions.
6 changes: 5 additions & 1 deletion formspree/static/css/main.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

5 changes: 4 additions & 1 deletion formspree/static/scss/main.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down
2 changes: 2 additions & 0 deletions formspree/templates/layouts/base.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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 %}">

Expand Down
23 changes: 16 additions & 7 deletions formspree/templates/static_pages/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@ <h3 class="light">You don't even have to register.</h3>
<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 [email protected] with your own email.</p>
<p><input type="text" value="http:{{config.API_ROOT}}/[email protected]" /></p>
<p><input type="text" class="code" value="http:{{config.API_ROOT}}/[email protected]" /></p>
</div>
</div>

Expand Down Expand Up @@ -122,39 +122,39 @@ <h4 class="light">Form inputs can have specially named <span class="code">name</
<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>

<div class="container narrow block">
<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>

<div class="container narrow block">
<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>

<div class="container narrow block">
<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="[email protected]" />'></p>
<p><input type="text" class="code" value='<input type="hidden" name="_cc" value="[email protected]" />'></p>
</div>
</div>

<div class="container narrow block">
<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>

Expand Down Expand Up @@ -232,7 +232,7 @@ <h3>Access to submissions archive</h3>
<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}}">
Expand All @@ -243,6 +243,15 @@ <h3>Access to submissions archive</h3>
</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 %}
Expand Down

0 comments on commit b02ab7e

Please sign in to comment.