Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 84df638

Browse files
added issues link, tiny layout tweaks
1 parent 1a6b2a9 commit 84df638

File tree

4 files changed

+32
-16
lines changed

4 files changed

+32
-16
lines changed

‎public/dist/css/style.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎public/dist/js/bundle.min.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎public/index.html

Lines changed: 13 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,14 @@
44
<title>Practice JavaScript</title>
55
<meta charset="UTF-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1">
7-
<link href="./dist/css/style.css" rel="stylesheet">
87
</head>
98
<body>
9+
<style>
10+
body {
11+
opacity: 0;
12+
transition: opacity 200ms ease-in-out;
13+
}
14+
</style>
1015
<heading class="site-heading">
1116
<div class="container">
1217
<span>
@@ -29,6 +34,7 @@ <h1>Practice JavaScript!</h1>
2934
</nav>
3035
</div>
3136
</heading>
37+
3238
<div class="container">
3339
<main>
3440
<div class="problem-group">
@@ -47,7 +53,7 @@ <h4>TEST ERRORS</h4>
4753
</div>
4854
</div>
4955
<div class="code-and-eval-console">
50-
<textarea id="code" class="code monospace" rows="15" autofocus autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"></textarea>
56+
<textarea id="code" class="code monospace" rows="10" autofocus autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"></textarea>
5157
<div id="eval-console" class="eval-console console monospace">
5258
<h4>CODE OUTPUT</h4>
5359
<div id="eval-output"></div>
@@ -56,17 +62,22 @@ <h4>CODE OUTPUT</h4>
5662
</div>
5763
</main>
5864
</div>
65+
5966
<!-- practice-javascript-bottom-banner -->
6067
<div class="ads-bottom">
6168
<ins class="adsbygoogle"
6269
style="display:inline-block;width:728px;height:90px"
6370
data-ad-client="ca-pub-4039212144643368"
6471
data-ad-slot="9721927778"></ins>
6572
</div>
73+
6674
<footer>
6775
<div class="copyright">© 2017 <a href="https://twitter.com/jakob_anderson">Jakob Anderson</a></div>
76+
<div class="issues"><a href="https://github.com/PracticeJavaScript/practicejavascript.com/issues">Problems? Leave an issue on github</a></div>
6877
<div class="icon-license">Icons designed by <a href="http://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a> from Flaticon</div>
6978
</footer>
79+
80+
<link href="./dist/css/style.css" rel="stylesheet">
7081
<script src="./dist/js/bundle.min.js"></script>
7182
<script src="./dist/js/loadJS.js"></script>
7283

‎src/css/style.scss

Lines changed: 17 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,11 @@
55
@import 'lib/mixins';
66
@import 'lib/defaults';
77

8+
/* show body once css has loaded */
9+
body {
10+
opacity: 1;
11+
transition: opacity 200ms ease-in-out;
12+
}
813

914
/* grid elements */
1015
.container {
@@ -51,7 +56,7 @@
5156
padding: 1em;
5257
border-radius: 1em;
5358
background-color: transparent;
54-
height: 60px;
59+
height: 30px;
5560
}
5661
.controls > div > :active,
5762
.controls > div > .active {
@@ -76,10 +81,12 @@
7681
.code {
7782
font-size: 80%;
7883
color: #f8f8f2;
84+
color: #fff;
7985
overflow-x: auto;
8086
padding: .5em;
81-
// background: #23241f;
82-
background-color: $primary-text-color;
87+
background: #23241f;
88+
background: #1a1a1a;
89+
// background-color: $primary-text-color;
8390
border-radius: 3px;
8491
padding: .25em .65em;
8592
display: inline-block;
@@ -160,17 +167,15 @@ footer {
160167
// width: 85%;
161168
margin: 0 auto;
162169
text-align: center;
163-
position:fixed;
170+
//position:fixed;
164171
left:0px;
165172
bottom:0px;
166173
height:70px;
167174
width:100%;
175+
font-size: 60%;
168176
}
169177
footer > div {
170-
margin: 10px auto;
171-
}
172-
.icon-license {
173-
font-size: 50%;
178+
margin: 0.4em auto;
174179
}
175180

176181
/* Because we are mobile-first, here is css for bigger than mobile */
@@ -195,12 +200,12 @@ footer > div {
195200
font-size: 200%;
196201
}
197202
.site-heading img.logo {
198-
height: 70px;
199-
display: flex;
200-
}
201-
.controls img {
202203
height: 60px;
204+
display: flex;
203205
}
206+
// .controls img {
207+
// height: 30px;
208+
// }
204209

205210
.problem-name {
206211
display: block;

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /