joshua/dash-website
1
0
Fork 0
mirror of https://github.com/seigler/dash-website synced 2025-07-26 23:06:09 +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
pages:
contact:
title: Contact Dash
description: Contact Dash
hero-image:
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-2: For other inquiries, use this form.
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>
<div class="row">
<div class="col-sm-3">
<div class="col-sm-4">
{% t pages.contact.form-pretext %} <br/>
{% t pages.contact.form-pretext-2 %}
</div>
<div class="col-sm-7">
<div class="col-sm-6">
<form>
<div class="row">
<div class="col-xs-12">
@ -29,6 +29,7 @@
</div>
<div class="col-xs-6">
<select class="form-control" placeholder="category">
<option value="">Category</option>
<option value="feedback">Feedback</option>
</select>
</div>
@ -38,11 +39,22 @@
<textarea placeholder="Message" class="input-block"></textarea>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<input class="submit" type="submit" value="Send Message">
</div>
</div>
</form>
</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>
<!-- 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">
<a href="https://bitcointalk.org/index.php?topic=421615.0" target="_blank" class="ctabox__link">
<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>
</a>
</div>
@ -63,16 +63,16 @@ description: pages.contact.description
</a>
</div>
<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="">
<img src="/assets/img/community/slack_logo.png" class="social-image">
<img src="/assets/img/community/dashcentral_logo.png" class="social-image">
</div>
</a>
</div>
<div class="col-sm-3">
<a href="https://twitter.com/dashpay" target="_blank" class="ctabox__link">
<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>
</a>
</div>
@ -102,7 +102,7 @@ description: pages.contact.description
<div class="col-sm-3">
<a href="https://www.instagram.com/dashpay/" target="_blank" class="ctabox__link">
<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>
</a>
</div>
@ -130,9 +130,9 @@ description: pages.contact.description
</a>
</div>
<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="">
<img src="/assets/img/community/dashdotalpha_logo.png" class="social-image">
<img src="/assets/img/community/dashndrink_logo.png" class="social-image">
</div>
</a>
</div>
@ -146,25 +146,13 @@ description: pages.contact.description
</div>
<div class="row">
<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 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 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 class="col-sm-3">
@ -197,7 +185,7 @@ description: pages.contact.description
<div class="col-sm-3">
<a href="https://dashpay.atlassian.net/wiki/" target="_blank" class="ctabox__link">
<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>
</a>
</div>

29
src/scss/_forms.scss
View file

@ -6,29 +6,37 @@ form {
box-sizing: border-box;
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 {
width: 100%;
margin-bottom: 12px;
}
.form-control {
display: block;
width: 100%;
height: 34px;
height: 41px;
padding: 6px 12px;
font-size: 14px;
font-size: 15px;
line-height: 1.42857143;
color: #555;
color: #999;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
border: 2px solid $color-black;
border-radius: 2px;
-webkit-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;
-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;
}
}
.username {
background-image: url(../images/icon-username.png);
background-repeat: no-repeat;
@ -45,4 +53,11 @@ form {
padding-left: 40px;
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 {
width: 44%;
}
.large-social-image {
width: 20%;
}