Skip to content

Commit ea7dc2b

Browse files
committed
homepage textures and style
1 parent bdde130 commit ea7dc2b

5 files changed

Lines changed: 10 additions & 12 deletions

File tree

app/assets/images/felt.png

237 KB
Loading

app/assets/images/square_bg.png

4.12 KB
Loading

app/assets/stylesheets/home.css.scss

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -100,7 +100,7 @@
100100
#download {
101101
background: white url("download.png") 0 4em no-repeat;
102102
h1 {
103-
background: $green;
103+
background: $green url("felt.png");
104104
border-color: $green - #222;
105105
}
106106
.btn {
@@ -127,8 +127,8 @@
127127
#explore {
128128
background: white url("explore.png") 95% 7em no-repeat;
129129
h1 {
130-
background: $heading;
131-
border-color: $heading - #111;
130+
background: $linkColor url("felt.png");
131+
border-color: $linkColor - #111;
132132
}
133133
.content {
134134
@include columns(10);
@@ -141,7 +141,7 @@
141141
min-height: 340px;
142142

143143
h1 {
144-
background: $orangered;
144+
background: $orangered url("felt.png");
145145
border-color: $orangered - #222;
146146
}
147147
.content {

app/assets/stylesheets/layout.css.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
body {
2-
background: $heading + #999;
2+
background: $heading + #999 url("square_bg.png") fixed;
33
}
44

55
.topbar {
@@ -23,7 +23,7 @@ header .topbar-inner {
2323
}
2424

2525
li a:hover {
26-
background-color: #444;
26+
background-color: $heading + #111;
2727
text-shadow: none;
2828
}
2929

app/views/static/root.html.haml

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -14,8 +14,6 @@
1414
.container
1515
= image_tag "splash.jpg"
1616

17-
/ #home-top
18-
1917
%section#download
2018
%h1 Start Here!
2119
.content
@@ -29,13 +27,13 @@
2927
%span.version Version 1.0.1
3028

3129
%section#explore
32-
%h1 Explore
30+
%h1 Learn and Explore
3331
.content
34-
%p Check out what other people are doing with Hackety Hack! The #{link_to "Programs", programs_path} section is chock full of fun projects from other Hackety users.
35-
%p You can even upload your own! Put your account information into the Hackety Hack app, and you'll be able to share all the programs you create.
32+
%p Hackety Hack uses the #{link_to "Shoes", "http://shoesrb.com/"} toolkit to make it really easy and fun to build graphical interfaces. Several lessons and example programs are provided, showing you how to make all kinds of fun things!
33+
%p Check out what other people are doing with Hackety Hack! The #{link_to "Programs", programs_path} section is chock full of fun projects from other Hackety users. You can even upload your own! Put your account information into the Hackety Hack app, and you'll be able to share all the programs you create.
3634

3735
%section#ask
38-
%h1 Ask
36+
%h1 Help is Here
3937
.content
4038
%p Got a question about Hackety Hack, or programming in general? Ask away in the #{link_to "Questions", questions_path} section. No question to big or small, the community is here to help you out.
4139

0 commit comments

Comments
 (0)