joshua/dash-website
1
0
Fork 0
mirror of https://github.com/seigler/dash-website synced 2025-07-27 07:16:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

replace some logos, clean up form and spacing

Browse source
This commit is contained in:
hunterlester 2016-12-01 11:22:36 -08:00
parent bf66f7923f
commit ac75f27980
12 changed files with 55 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

4
_i18n/en.yml
View file

@ -1,13 +1,13 @@
# For multiple paragraph content add two line breaks # For multiple paragraph content add two line breaks
pages: pages:
contact: contact:
title: Contact Dash title: Contact Dash
description: Contact Dash description: Contact Dash
hero-image: hero-image:
hero-heading: Contacts hero-heading: Contacts
hero-text: Feedback text hero-text:
form-pretext: For technical support or troubleshooting with wallets, mining, or other general questions, please visit DashTalk or one of the many other community resources. form-pretext: For technical support or troubleshooting with wallets, mining, or other general questions, please visit DashTalk or one of the many other community resources.
form-pretext-2: For other inquiries, use this form. form-pretext-2: For other inquiries, use this form.
social-heading: Forums & Social Media social-heading: Forums & Social Media

20
_includes/hero/contact.html
View file

@ -12,11 +12,11 @@
<p class="hero__lead">{% t pages.contact.hero-text %}</p> <p class="hero__lead">{% t pages.contact.hero-text %}</p>
<div class="row"> <div class="row">
<div class="col-sm-3"> <div class="col-sm-4">
{% t pages.contact.form-pretext %} <br/> {% t pages.contact.form-pretext %} <br/>
{% t pages.contact.form-pretext-2 %} {% t pages.contact.form-pretext-2 %}
</div> </div>
<div class="col-sm-7"> <div class="col-sm-6">
<form> <form>
<div class="row"> <div class="row">
<div class="col-xs-12"> <div class="col-xs-12">
@ -29,6 +29,7 @@
</div> </div>
<div class="col-xs-6"> <div class="col-xs-6">
<select class="form-control" placeholder="category"> <select class="form-control" placeholder="category">
<option value="">Category</option>
<option value="feedback">Feedback</option> <option value="feedback">Feedback</option>
</select> </select>
</div> </div>
@ -38,11 +39,22 @@
<textarea placeholder="Message" class="input-block"></textarea> <textarea placeholder="Message" class="input-block"></textarea>
</div> </div>
</div> </div>
<div class="row">
<div class="col-xs-12">
<input class="submit" type="submit" value="Send Message">
</div>
</div>
</form> </form>
</div> </div>
</div> </div>
<h5>{% t pages.contact.mail-list-heading %}</h5>
{% t pages.contact.mail-list-text %} </div>
<div class="hero__content">
<section class="section section--cta">
<h5>{% t pages.contact.mail-list-heading %}</h5>
{% t pages.contact.mail-list-text %}
</section>
</div> </div>
<!-- Hero stripe --> <!-- Hero stripe -->

BIN
assets/img/community/atlassian-logo.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
assets/img/community/atlassian_logo.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 11 KiB

BIN
assets/img/community/bitcointalk-logo.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
assets/img/community/instagram-logo.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 130 KiB

BIN
assets/img/community/instagram_logo.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 12 KiB

BIN
assets/img/community/twitter-logo.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
assets/img/community/twitter_logo.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 21 KiB

34
contact/index.html
View file

@ -42,7 +42,7 @@ description: pages.contact.description
<div class="col-sm-3"> <div class="col-sm-3">
<a href="https://bitcointalk.org/index.php?topic=421615.0" target="_blank" class="ctabox__link"> <a href="https://bitcointalk.org/index.php?topic=421615.0" target="_blank" class="ctabox__link">
<div class=""> <div class="">
<img src="/assets/img/community/bitcointalk_logo.png" class="social-image"> <img src="/assets/img/community/bitcointalk-logo.png" class="social-image">
</div> </div>
</a> </a>
</div> </div>
@ -63,16 +63,16 @@ description: pages.contact.description
</a> </a>
</div> </div>
<div class="col-sm-3"> <div class="col-sm-3">
<a href="https://digitalcash24.herokuapp.com/" target="_blank" class="ctabox__link"> <a href="https://www.dashcentral.org/" target="_blank" class="ctabox__link">
<div class=""> <div class="">
<img src="/assets/img/community/slack_logo.png" class="social-image"> <img src="/assets/img/community/dashcentral_logo.png" class="social-image">
</div> </div>
</a> </a>
</div> </div>
<div class="col-sm-3"> <div class="col-sm-3">
<a href="https://twitter.com/dashpay" target="_blank" class="ctabox__link"> <a href="https://twitter.com/dashpay" target="_blank" class="ctabox__link">
<div class=""> <div class="">
<img src="/assets/img/community/twitter_logo.png" class="social-image"> <img src="/assets/img/community/twitter-logo.png" class="large-social-image">
</div> </div>
</a> </a>
</div> </div>
@ -102,7 +102,7 @@ description: pages.contact.description
<div class="col-sm-3"> <div class="col-sm-3">
<a href="https://www.instagram.com/dashpay/" target="_blank" class="ctabox__link"> <a href="https://www.instagram.com/dashpay/" target="_blank" class="ctabox__link">
<div class=""> <div class="">
<img src="/assets/img/community/instagram_logo.png" class="social-image"> <img src="/assets/img/community/instagram-logo.png" class="large-social-image">
</div> </div>
</a> </a>
</div> </div>
@ -130,9 +130,9 @@ description: pages.contact.description
</a> </a>
</div> </div>
<div class="col-sm-3"> <div class="col-sm-3">
<a href="https://dashdot.io/alpha/" target="_blank" class="ctabox__link"> <a href="http://dashndrink.com/" target="_blank" class="ctabox__link">
<div class=""> <div class="">
<img src="/assets/img/community/dashdotalpha_logo.png" class="social-image"> <img src="/assets/img/community/dashndrink_logo.png" class="social-image">
</div> </div>
</a> </a>
</div> </div>
@ -146,25 +146,13 @@ description: pages.contact.description
</div> </div>
<div class="row"> <div class="row">
<div class="col-sm-3"> <div class="col-sm-3">
<a href="http://dashndrink.com/" target="_blank" class="ctabox__link">
<div class="">
<img src="/assets/img/community/dashndrink_logo.png" class="social-image">
</div>
</a>
</div> </div>
<div class="col-sm-3"> <div class="col-sm-3">
<a href="https://www.dashcentral.org/" target="_blank" class="ctabox__link">
<div class="">
<img src="/assets/img/community/dashcentral_logo.png" class="social-image">
</div>
</a>
</div> </div>
<div class="col-sm-3"> <div class="col-sm-3">
<a href="hhttps://www.dashninja.pl/" target="_blank" class="ctabox__link">
<div class="">
<img src="/assets/img/community/dashninja_logo.png" class="social-image">
</div>
</a>
</div> </div>
<div class="col-sm-3"> <div class="col-sm-3">
@ -197,7 +185,7 @@ description: pages.contact.description
<div class="col-sm-3"> <div class="col-sm-3">
<a href="https://dashpay.atlassian.net/wiki/" target="_blank" class="ctabox__link"> <a href="https://dashpay.atlassian.net/wiki/" target="_blank" class="ctabox__link">
<div class=""> <div class="">
<img src="/assets/img/community/atlassian_logo.png" class="social-image"> <img src="/assets/img/community/atlassian-logo.png" class="social-image">
</div> </div>
</a> </a>
</div> </div>

29
src/scss/_forms.scss
View file

@ -6,29 +6,37 @@ form {
box-sizing: border-box; box-sizing: border-box;
appearance: none; appearance: none;
} }
select {
border: 2px solid $color-black;
border-radius: 0px;
-webkit-appearance: none;
}
textarea {
border: 2px solid $color-black;
font-size: 15px;
}
.input-block { .input-block {
width: 100%; width: 100%;
margin-bottom: 12px; margin-bottom: 12px;
} }
.form-control { .form-control {
display: block; display: block;
width: 100%; width: 100%;
height: 34px; height: 41px;
padding: 6px 12px; padding: 6px 12px;
font-size: 14px; font-size: 15px;
line-height: 1.42857143; line-height: 1.42857143;
color: #555; color: #999;
background-color: #fff; background-color: #fff;
background-image: none; background-image: none;
border: 1px solid #ccc; border: 2px solid $color-black;
border-radius: 4px; border-radius: 2px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
} }
.username { .username {
background-image: url(../images/icon-username.png); background-image: url(../images/icon-username.png);
background-repeat: no-repeat; background-repeat: no-repeat;
@ -45,4 +53,11 @@ form {
padding-left: 40px; padding-left: 40px;
color: #ccc; color: #ccc;
} }
.submit {
color: #ffffff;
background-color: $color-red;
border-radius: 2px;
padding: 1.5% 2%;
}
} }

4
src/scss/_social_icons.scss
View file

@ -1,3 +1,7 @@
.social-image { .social-image {
width: 44%; width: 44%;
} }
.large-social-image {
width: 20%;
}