Skip to content

Commit dffd61c

Browse files
committed
Initial commit
0 parents  commit dffd61c

17 files changed

+6929
-0
lines changed

.github/qrcode.png

15 KB
Loading

.github/screenshot.png

17.2 KB
Loading

.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
node_modules/

dist/assets/images/favicon.ico

9.01 KB
Binary file not shown.

dist/bundle198b80b1d2f3403ff43a.js

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

dist/bundle7394fb7fa6325ec94221.css

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
:root {
2+
--light: #D5E1EF;
3+
--white: #FFFFFF;
4+
--blue: #3884FC;
5+
--dark: #273750;
6+
}
7+
* {
8+
margin: 0;
9+
padding: 0;
10+
box-sizing: border-box;
11+
list-style: none;
12+
text-decoration: none;
13+
}
14+
body {
15+
font-family: 'Nunito Sans', sans-serif;
16+
background: var(--light);
17+
display: flex;
18+
justify-content: center;
19+
padding: 1rem;
20+
}
21+
22+
main {
23+
width: min(300px, 100%);
24+
margin-top: 3rem;
25+
padding: 1rem;
26+
background: var(--white);
27+
border-radius: .8rem;
28+
}
29+
30+
.box__qrcode {
31+
background: var(--blue);
32+
display: flex;
33+
justify-content: center;
34+
align-items: center;
35+
padding: 2rem 1rem;
36+
border-radius: .8rem;
37+
}
38+
canvas img {
39+
mix-blend-mode: multiply;
40+
background: var(--blue);
41+
z-index: 999;
42+
}
43+
44+
.text__info {
45+
text-align: center;
46+
padding: 1.2rem .5rem;
47+
color: var(--dark);
48+
}
49+
.text__info h1 {
50+
font-weight: bolder;
51+
font-size: 1.2rem;
52+
margin: 1rem 0;
53+
}
54+
.text__info p {
55+
line-height: 1.6;
56+
opacity: .9;
57+
margin-top: 1rem;
58+
}
59+
.text__info a {
60+
color: var(--blue);
61+
}

dist/index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>QRCode</title><link rel="shortcut icon" href="./assets/images/favicon.ico" type="image/x-icon"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400&display=swap" rel="stylesheet"><link href="bundle7394fb7fa6325ec94221.css" rel="stylesheet"></head><body><main><section class="qrcode"><div class="box__qrcode"><canvas id="canvas"></canvas></div></section><section><div class="text__info"><h1>Hello There 👋</h1><p>Hi! my name is Eric Neves and I'm a web development student!</p><p><a href="https://github.com/ericneves" target="_blank">@ericneves 🚀</a></p></div></section></main><script defer="defer" src="bundle198b80b1d2f3403ff43a.js"></script></body></html>

0 commit comments

Comments
 (0)