zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-04-24 17:22:35 +02:00
Code Issues Projects Releases Packages Wiki Activity

index: cat bus for donations tab

Browse source
This commit is contained in:
Kyle Drake 2017-06-23 13:43:53 -07:00
parent 4a33f3f9d3
commit 49ca4c4614
2 changed files with 24 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
sass/_project-sass/_project-Footer.scss
View file

@ -7,7 +7,7 @@
color:#5e5b56; color:#5e5b56;
float: left; float: left;
width: 100%; width: 100%;
h1, h2, h3, h4{ h1, h2, h3, h4{
color:#8b9a7a; color:#8b9a7a;
} }
@ -25,13 +25,13 @@
@include box-shadow($bs-4); @include box-shadow($bs-4);
position:relative; position:relative;
} }
.footer-Content{ .footer-Content{
padding-top:20px; padding-top:20px;
padding-bottom:20px; padding-bottom:20px;
padding-left: 30px; padding-left: 30px;
padding-right: 30px; padding-right: 30px;
@media (max-device-width:480px), screen and (max-width:800px){ @media (max-device-width:480px), screen and (max-width:800px){
padding-left: 20px; padding-left: 20px;
} }
} }
.footer-Content .row { .footer-Content .row {
@ -43,18 +43,18 @@
min-height:125px; min-height:125px;
padding-bottom:$spacing*7; padding-bottom:$spacing*7;
position:relative; position:relative;
@media (max-device-width:480px), screen and (max-width:800px){ @media (max-device-width:480px), screen and (max-width:800px){
min-height:2px; min-height:2px;
padding-left:15px!important; padding-left:15px!important;
padding-right:100px!important; padding-right:100px!important;
} }
.action-Link{ .action-Link{
bottom:0; bottom:0;
position:absolute; position:absolute;
right:$spacing*3; right:$spacing*3;
@media (max-device-width:480px), screen and (max-width:800px){ @media (max-device-width:480px), screen and (max-width:800px){
position:static; position:static;
} }
@ -66,7 +66,7 @@
position:absolute; position:absolute;
right:0; right:0;
top:-70px; top:-70px;
@media (max-device-width:480px), screen and (max-width:800px){ @media (max-device-width:480px), screen and (max-width:800px){
@include vendor(background-size, 100%); @include vendor(background-size, 100%);
height:90px!important; height:90px!important;
@ -77,12 +77,12 @@
.f-Col-1{ .f-Col-1{
padding-right:$spacing*3; padding-right:$spacing*3;
.footer-icon{ .footer-icon{
background-image: url(/img/support-us.png); background-image: url(/img/catbus-index.png);
height:104px; height:102px;
right:5px; right:5px;
width:92px; width:125px;
} }
} }
@ -96,7 +96,7 @@
margin:20px 0; margin:20px 0;
overflow:hidden; overflow:hidden;
padding:20px 0; padding:20px 0;
.footer-icon{ .footer-icon{
top:14px top:14px
} }
@ -110,15 +110,15 @@
position:absolute; position:absolute;
top:0; top:0;
width:1px; width:1px;
@media (max-device-width:480px), screen and (max-width:800px){ @media (max-device-width:480px), screen and (max-width:800px){
display:none; display:none;
} }
} }
&:before{left:-14px} &:before{left:-14px}
&:after{right:-14px} &:after{right:-14px}
.footer-icon { .footer-icon {
background-image: url(/img/about-neocities.png); background-image: url(/img/about-neocities.png);
width: 100px; width: 100px;
@ -145,7 +145,7 @@
background:#ccdf9b; background:#ccdf9b;
border-top:1px solid #b3c388; border-top:1px solid #b3c388;
overflow:hidden; overflow:hidden;
a{ a{
color:#5e5b56; color:#5e5b56;
text-decoration:underline; text-decoration:underline;
@ -158,7 +158,7 @@
margin-bottom: 0; margin-bottom: 0;
padding-left: 0; padding-left: 0;
width: 55%; width: 55%;
@media (max-device-width:480px), screen and (max-width:800px){ @media (max-device-width:480px), screen and (max-width:800px){
width: 100%; width: 100%;
text-align: center; text-align: center;
@ -168,24 +168,24 @@
text-transform:uppercase; text-transform:uppercase;
width: 45%; width: 45%;
padding-left: 0; padding-left: 0;
@media (max-device-width:480px), screen and (max-width:800px){ @media (max-device-width:480px), screen and (max-width:800px){
width: 100%; width: 100%;
text-align: center; text-align: center;
} }
.h-Nav{ .h-Nav{
float:right; float:right;
@media (max-device-width:480px), screen and (max-width:800px){ @media (max-device-width:480px), screen and (max-width:800px){
float:none; float:none;
margin-top:15px; margin-top:15px;
margin-bottom: 6px; margin-bottom: 6px;
li { li {
float: none; float: none;
display: inline; display: inline;
a { a {
padding-left: 0; padding-left: 0;
margin-right: 0px; margin-right: 0px;

4
views/index.erb
View file

@ -304,9 +304,9 @@
<span class="footer-icon"></span> <span class="footer-icon"></span>
<h2 class="delta">Support Us</h2> <h2 class="delta">Support Us</h2>
<p class="tiny"> <p class="tiny">
Neocities is funded by <a href="/supporter">supporters</a> and <a href="/donate">donations</a>. If you’d like to contribute, you can help us pay our server costs using credit card, Bitcoin, or PayPal. Neocities is 100% powered by <a href="/supporter">supporters</a> and <a href="/donate">contributions</a> from amazing people just like you.
</p> </p>
<a href="/donate" title="Donate to Neocities" class="action-Link">Donate Today</a> <a href="/donate" title="Donate to Neocities" class="action-Link">Contribute Today</a>
</div> </div>
</div> </div>
<div class="col col-33"> <div class="col col-33">