Skip to content

Commit 1d52bd6

Browse files
dfischerdfischer
committed
Kidsruby background on intro
1 parent 1ff6f02 commit 1d52bd6

File tree

5 files changed

+77
-40
lines changed

5 files changed

+77
-40
lines changed

‎public/css/background.png‎

139 KB
Loading

‎public/css/listicon.png‎

1.54 KB
Loading

‎public/css/master.css‎

Lines changed: 43 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
/* line 3, ../../sass/master.scss */
22
body {
33
overflow: hidden;
4-
background: #eee;
4+
background: transparent;
55
}
66

77
/* line 8, ../../sass/master.scss */
@@ -15,26 +15,44 @@ body:after {
1515

1616
/* line 16, ../../sass/master.scss */
1717
body.lesson-set {
18-
background: #fff;
18+
background: transparent;
1919
font-family: 'Helvetica Neue', Helvetica, sans-serif;
2020
margin: 0px 10px 0px 0px;
21-
overflow-y: scroll;
21+
overflow: auto;
22+
}
23+
/* line 21, ../../sass/master.scss */
24+
body.lesson-set.intro {
25+
background: url("background.png") no-repeat top center;
26+
margin-top: 215px;
27+
}
28+
/* line 25, ../../sass/master.scss */
29+
body.lesson-set.intro li {
30+
list-style-image: url("listicon.png");
31+
margin-bottom: 20px;
32+
margin-left: 50px;
33+
}
34+
/* line 30, ../../sass/master.scss */
35+
body.lesson-set.intro li a {
36+
color: #fff;
37+
font-size: 20px;
38+
font-weight: bold;
39+
text-decoration: none;
2240
}
2341

24-
/* line 23, ../../sass/master.scss */
42+
/* line 40, ../../sass/master.scss */
2543
body.lesson-set > h1 {
2644
border-bottom: 1px solid #dfdfdf;
2745
}
2846

29-
/* line 27, ../../sass/master.scss */
47+
/* line 44, ../../sass/master.scss */
3048
body.lesson-set article > h1 {
3149
border-bottom: 1px dotted #dfdfdf;
3250
border-left: 4px solid #ff0000;
3351
font-size: 18px;
3452
padding-left: 5px;
3553
}
3654

37-
/* line 34, ../../sass/master.scss */
55+
/* line 51, ../../sass/master.scss */
3856
body.lesson-set nav {
3957
background-color: #e8e8e8;
4058
border: 1px dotted #ccc;
@@ -43,47 +61,47 @@ body.lesson-set nav {
4361
width: 245px;
4462
}
4563

46-
/* line 42, ../../sass/master.scss */
64+
/* line 59, ../../sass/master.scss */
4765
body.lesson-set nav a {
4866
margin-right: 7px;
4967
}
5068

51-
/* line 46, ../../sass/master.scss */
69+
/* line 63, ../../sass/master.scss */
5270
body.lesson-set nav a:last-child {
5371
margin-right: 0px;
5472
}
5573

56-
/* line 50, ../../sass/master.scss */
74+
/* line 67, ../../sass/master.scss */
5775
body.lesson-set nav a:hover {
5876
color: #000;
5977
text-decoration: underline;
6078
}
6179

62-
/* line 56, ../../sass/master.scss */
80+
/* line 73, ../../sass/master.scss */
6381
body.lesson-set section code {
6482
background-color: #000;
6583
color: #fff;
6684
font-family: consolas, monospace;
6785
padding: 0px 5px;
6886
}
6987

70-
/* line 63, ../../sass/master.scss */
88+
/* line 80, ../../sass/master.scss */
7189
body.lesson-set section h1 {
7290
color: #555;
7391
font-size: 13px;
7492
margin-bottom: 5px;
7593
text-transform: uppercase;
7694
}
7795

78-
/* line 70, ../../sass/master.scss */
96+
/* line 87, ../../sass/master.scss */
7997
#buttons {
8098
position: relative;
8199
float: right;
82100
top: 93%;
83101
width: 100%;
84102
}
85103

86-
/* line 76, ../../sass/master.scss */
104+
/* line 93, ../../sass/master.scss */
87105
#buttons button {
88106
background-color: red;
89107
-moz-border-radius: 4px;
@@ -107,76 +125,76 @@ body.lesson-set section h1 {
107125
margin-right: 5px;
108126
}
109127

110-
/* line 90, ../../sass/master.scss */
128+
/* line 107, ../../sass/master.scss */
111129
#input {
112130
float: left;
113131
position: relative;
114132
width: 50%;
115133
}
116134

117-
/* line 96, ../../sass/master.scss */
135+
/* line 113, ../../sass/master.scss */
118136
iframe {
119137
border: none;
120138
height: 100%;
121139
width: 100%;
122140
}
123141

124-
/* line 102, ../../sass/master.scss */
142+
/* line 119, ../../sass/master.scss */
125143
iframe h1 {
126144
font-size: 14px;
127145
}
128146

129-
/* line 106, ../../sass/master.scss */
147+
/* line 123, ../../sass/master.scss */
130148
#output {
131149
overflow-y: scroll;
132150
font-family: monospace;
133151
font-size: 18px;
134152
}
135153

136-
/* line 112, ../../sass/master.scss */
154+
/* line 129, ../../sass/master.scss */
137155
#stdout {
138156
white-space: pre-wrap;
139157
}
140158

141-
/* line 116, ../../sass/master.scss */
159+
/* line 133, ../../sass/master.scss */
142160
#stdin {
143161
padding: 0;
144162
margin: 0;
145163
white-space: normal;
146164
}
147165

148-
/* line 121, ../../sass/master.scss */
166+
/* line 138, ../../sass/master.scss */
149167
#stderr {
150168
white-space: pre-wrap;
151169
color: #990000;
152170
}
153171

154-
/* line 125, ../../sass/master.scss */
172+
/* line 142, ../../sass/master.scss */
155173
.cursor {
156174
display: inline-block;
157175
}
158176

159-
/* line 129, ../../sass/master.scss */
177+
/* line 150, ../../sass/master.scss */
160178
#tabs {
161179
position: absolute;
162180
height: 92%;
163181
right: 0px;
164182
width: 50%;
165183
}
166184

167-
/* line 135, ../../sass/master.scss */
185+
/* line 156, ../../sass/master.scss */
168186
.ui-tabs-panel {
169187
height: 85%;
170188
position: relative;
171189
}
172190

173-
/* line 143, ../../sass/master.scss */
191+
/* line 164, ../../sass/master.scss */
174192
#container {
175193
width: 49%;
176194
float: left;
177195
}
178196

179-
/* line 148, ../../sass/master.scss */
197+
/* line 169, ../../sass/master.scss */
180198
#rubycode {
181199
width: 49%;
182200
height: 94%;

‎public/help/index.html‎

Lines changed: 10 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -12,17 +12,15 @@
1212
<script type="text/javascript" src="../js/jquery/jquery-1.6.2.min.js"></script>
1313
<script type="text/javascript" src="../js/jquery/jquery-ui-1.8.16.custom.min.js"></script>
1414
</head>
15-
<body class="lesson-set">
16-
<h1>KidsRuby Help</h1>
17-
<p>We have put together here some of the best resources here to learn Ruby programming. Have fun!</p>
18-
<article class="resource"><h1>KidsRuby</h1>
19-
<ol>
20-
<li><a href="kidsruby/how_to_use.html">Start Here</a></li>
21-
<li><a href="rubywarrior/index.html">Ruby Warrior</a></li>
22-
<li><a href="hacketyhack/index.html">Hackety-Hack</a></li>
23-
<li><a href="ruby4kids/index.html">Make Games With Gosu</a></li>
24-
<li><a href="kidsruby/glossary.html">Glossary</a></li>
25-
</ol>
26-
</article>
15+
<body class="lesson-set intro">
16+
<article class="resource">
17+
<ol>
18+
<li><a href="kidsruby/how_to_use.html">Start Here</a></li>
19+
<li><a href="rubywarrior/index.html">Ruby Warrior</a></li>
20+
<li><a href="hacketyhack/index.html">Hackety-Hack</a></li>
21+
<li><a href="ruby4kids/index.html">Make Games With Gosu</a></li>
22+
<li><a href="kidsruby/glossary.html">Glossary</a></li>
23+
</ol>
24+
</article>
2725
</body>
2826
</html>

‎sass/master.scss‎

Lines changed: 24 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
body {
44
overflow: hidden;
5-
background: #eee;
5+
background: transparent;
66
}
77

88
body:after {
@@ -14,10 +14,27 @@ body:after {
1414
}
1515

1616
body.lesson-set {
17-
background: #fff;
17+
background: transparent;
1818
font-family: 'Helvetica Neue', Helvetica, sans-serif;
1919
margin: 0px 10px 0px 0px;
20-
overflow-y: scroll;
20+
overflow: auto;
21+
&.intro {
22+
background: url("background.png") no-repeat top center;
23+
margin-top: 215px;
24+
25+
li {
26+
list-style-image: url("listicon.png");
27+
margin-bottom: 20px;
28+
margin-left: 50px;
29+
30+
a {
31+
color: #fff;
32+
font-size: 20px;
33+
font-weight: bold;
34+
text-decoration: none;
35+
}
36+
}
37+
}
2138
}
2239

2340
body.lesson-set > h1 {
@@ -126,6 +143,10 @@ iframe h1 {
126143
display:inline-block;
127144
}
128145

146+
147+
#help {
148+
}
149+
129150
#tabs {
130151
position: absolute;
131152
height: 92%;

0 commit comments

Comments
 (0)