Skip to content

Commit 53147bc

Browse files
esenderesender
committed
Update letscode markup
1 parent 32f7489 commit 53147bc

File tree

6 files changed

+167
-395
lines changed

6 files changed

+167
-395
lines changed

‎README.md‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1 +1,3 @@
11
# Letscode.io site
2+
3+
1. We're using the cut version of normalize.css. We may need to add some styles in the future.

‎images/logo.svg‎

Lines changed: 8 additions & 9 deletions
Loading

‎index.html‎

Lines changed: 29 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -3,26 +3,42 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Document</title>
6+
<title>Let's Code</title>
7+
<meta name="description" content="Let's Code team. Our projectsL eye2eye.fun, twitch channel letscode_io">
78
<link rel="shortcut icon" href="/favicon.png" type="image/png" />
8-
<link rel="stylesheet" href="./styles.css">
9+
<link rel="stylesheet" href="./normalize.css">
10+
<link rel="stylesheet" href="./mobile-styles.css">
11+
<link rel="stylesheet" href="./styles.css" media="screen and (min-width: 768px)">
912
</head>
1013
<body>
1114
<main class="main">
1215
<header class="header">
13-
<img src="./images/logo.svg" class="logo"/> <h1 class="headline">Let's Code</h1>
16+
<img src="./images/logo.svg" class="logo" alt="Let's Code Logo"/>
17+
<h1 class="headline">Let's Code</h1>
1418
</header>
15-
<h2>Projects</h2>
16-
<section class="projects">
17-
<h3>eye2eye.fun</h3>
18-
<h3>Twitch `Let's Code`</h3>
19+
<section class="section">
20+
<h2 class="section-headline">Projects</h2>
21+
<div class="section-item">
22+
<h3 class="section-sub-headline">eye2eye.fun</h3>
23+
<p class="description">Choose your ideal world</p>
24+
<a href="https://eye2eye.fun/">eye2eye.fun</a>
25+
</div>
26+
<div class="section-item">
27+
<h3 class="section-sub-headline">Twitch `Let's Code`</h3>
28+
<p class="description">Sometimes we stream coding stuff.</p>
29+
<a href="https://www.twitch.tv/letscode_io">letscode_io</a>
30+
</div>
1931
</section>
20-
<h2>Team</h2>
21-
<section class="team">
22-
<h3>Marat</h3>
23-
github.com/esender
24-
<h3>Emil</h3>
25-
github.com/vaihtovirta
32+
<section class="section">
33+
<h2 class="section-headline">Team</h2>
34+
<div class="section-item">
35+
<h3 class="section-sub-headline">Marat</h3>
36+
<a href="https://github.com/esender">github.com/esender</a>
37+
</div>
38+
<div class="section-item">
39+
<h3 class="section-sub-headline">Emil</h3>
40+
<a href="https://github.com/vaihtovirta">github.com/vaihtovirta</a>
41+
</div>
2642
</section>
2743
</main>
2844
</body>

‎mobile-styles.css‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
.main {
2+
padding: 0 36px 24px;
3+
color: var(--text-color);
4+
}
5+
6+
.header {
7+
text-align: center;
8+
font-size: 48px;
9+
height: 60vh;
10+
display: flex;
11+
flex-direction: column;
12+
justify-content: center;
13+
}
14+
15+
.logo {
16+
margin-bottom: 18px;
17+
}
18+
19+
.headline {
20+
line-height: 1em;
21+
margin: 0;
22+
font-size: 38px;
23+
}
24+
25+
.section-headline {
26+
text-align: center;
27+
margin-bottom: 24px;
28+
}
29+
30+
.section-sub-headline {
31+
margin-bottom: 6px;
32+
}
33+
34+
.section {
35+
margin-bottom: 64px;
36+
}
37+
38+
.section-item {
39+
margin-bottom: 36px;
40+
}
41+
42+
.description {
43+
font-size: 14px;
44+
margin: 12px 0;
45+
}

‎normalize.css‎

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
2+
/* Form styles, sub, sup, small, hr were deleted */
3+
html {
4+
line-height: 1.15;
5+
-webkit-text-size-adjust: 100%;
6+
}
7+
8+
body {
9+
margin: 0;
10+
}
11+
12+
h1 {
13+
font-size: 2em;
14+
margin: 0.67em 0;
15+
}
16+
17+
pre {
18+
font-family: monospace, monospace;
19+
font-size: 1em;
20+
}
21+
22+
b,
23+
strong {
24+
font-weight: bolder;
25+
}
26+
27+
code,
28+
kbd,
29+
samp {
30+
font-family: monospace, monospace;
31+
font-size: 1em;
32+
}
33+
34+
img {
35+
border-style: none;
36+
}
37+
38+
[hidden] {
39+
display: none;
40+
}
41+
42+
/* Common Styles */
43+
44+
* {
45+
box-sizing: border-box;
46+
}
47+
48+
html,
49+
body {
50+
font-family: JetBrains Mono, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
51+
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
52+
}
53+
54+
:root {
55+
--text-color: #283149;
56+
--link-color: #00818a;
57+
--link-hover-color: #404b69;
58+
}
59+
60+
a {
61+
color: var(--link-color);
62+
}
63+
64+
a:hover {
65+
color: var(--link-hover-color);
66+
}

0 commit comments

Comments
 (0)