Skip to content

Commit e347b14

Browse files
simoneas02simoneas02
committed
feat(SG3-000): Add basic structure to app
Co-authored-by: Simone Amorim <simoneas03@gmail.com>
1 parent c9c682b commit e347b14

5 files changed

Lines changed: 102 additions & 0 deletions

File tree

‎README.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@
1818
- [13/30 - Slide In on Scroll - #JavaScript30 13/30](https://simoneas02.github.io/javascript30/apps/slide-in-on-scroll/)
1919
- [14/30 - Object and Arrays - Reference VS Copy - #JavaScript30 14/30.](https://simoneas02.github.io/javascript30/apps/reference-vs-copyl/)
2020
- [15/30 - LocalStorage and Event Delegation - #JavaScript30 15/30.](https://simoneas02.github.io/javascript30/apps/localStorage-and-event-delegation/)
21+
- [16/30 - CSS Text Shadow on Mouse Move Effect #JavaScript30 16/30.](https://simoneas02.github.io/javascript30/apps/mouse-move-shadow/)
2122

2223

2324
## Contributing

‎apps/mouse-move-shadow/README.md‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
Mouse Move Shadow
2+
=================
3+
4+
![]()
5+
6+
> CSS Text Shadow on Mouse Move Effect #JavaScript30 16/30
7+
8+
-------------------
9+
10+
\ ゜o゜)ノ

‎apps/mouse-move-shadow/assets/img/favicon.png‎

603 Bytes
Loading

‎apps/mouse-move-shadow/assets/style/index.css‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
* {
2+
box-sizing: border-box;
3+
}
4+
5+
html,
6+
body {
7+
width: 100%;
8+
margin: 0;
9+
height: 100%;
10+
}
11+
12+
.container {
13+
width: 100%;
14+
height: 100%;
15+
display: flex;
16+
align-items: center;
17+
justify-content: center;
18+
font-family: 'Roboto Condensed', sans-serif;
19+
text-rendering: optimizeLegibility;
20+
-webkit-font-smoothing: antialiased;
21+
-moz-osx-font-smoothing: grayscale;
22+
}

‎apps/mouse-move-shadow/index.html‎

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
7+
8+
<!-- import the webpage's stylesheet -->
9+
<!-- =========================================== -->
10+
<link
11+
rel="stylesheet"
12+
href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"
13+
/>
14+
<link rel="stylesheet" href="./assets/style/index.css" />
15+
<link
16+
href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700"
17+
rel="stylesheet"
18+
/>
19+
20+
<link rel="icon" href="./assets/img/favicon.png" />
21+
22+
<!-- More tags -->
23+
<!-- =========================================== -->
24+
<meta
25+
name="description"
26+
content="CSS Text Shadow on Mouse Move Effect #JavaScript30 16/30"
27+
/>
28+
<meta name="keywords" content="code, JavaScript, Vanilla JS" />
29+
<meta name="author" content="Simone Amorim" />
30+
<meta name="theme-color" content="#333333" />
31+
32+
<!-- Open graph -->
33+
<!-- =========================================== -->
34+
<meta property="og:type" content="website" />
35+
<meta property="og:title" content="Mouse Move Shadow" />
36+
<meta
37+
property="og:description"
38+
content="CSS Text Shadow on Mouse Move Effect #JavaScript30 16/30"
39+
/>
40+
<meta
41+
property="og:url"
42+
content="https://simoneas02.github.io/javascript30/apps/mouse-move-shadow/"
43+
/>
44+
<meta property="og:image" content="./assets/img/img.png" />
45+
46+
<!-- Twitter cards -->
47+
<!-- =========================================== -->
48+
<meta name="twitter:card" content="summary_large_image" />
49+
<meta name="twitter:title" content="Mouse Move Shadow" />
50+
<meta
51+
name="twitter:description"
52+
content="CSS Text Shadow on Mouse Move Effect #JavaScript30 16/30"
53+
/>
54+
<meta
55+
name="twitter:url"
56+
content="https://simoneas02.github.io/javascript30/apps/mouse-move-shadow/"
57+
/>
58+
<meta name="twitter:image" content="./assets/img/img.png" />
59+
60+
<title>Mouse Move Shadow</title>
61+
</head>
62+
63+
<body>
64+
<main class="container">
65+
<h1 contenteditable>CSS Is Awesome!</h1>
66+
</main>
67+
<script src="./assets/script/index.js"></script>
68+
</body>
69+
</html>

0 commit comments

Comments
 (0)