Skip to content

Commit addceda

Browse files
semanticdatasemanticdata
committed
🎨 refine structure, remove unused code, mirror new style and content to demo
1 parent 31fdd19 commit addceda

File tree

3 files changed

+16
-38
lines changed

3 files changed

+16
-38
lines changed

‎demo/index.html

Lines changed: 1 addition & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -4,21 +4,8 @@
44
<head>
55
<meta charset="UTF-8" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
87
<title>New Tab Notes</title>
9-
<link rel="icon" type="image/png" sizes="48x48" href="icon48.png" />
10-
<!-- <link
11-
rel="stylesheet"
12-
href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css" /> -->
138
<link rel="stylesheet" href="styles.css" />
14-
<link rel="preconnect" href="https://fonts.googleapis.com" />
15-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
16-
<link
17-
href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=Fira+Mono:wght@400;500;700&display=swap"
18-
rel="stylesheet" />
19-
<!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600|Source+Code+Pro"> -->
20-
<!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bitter:400,700&display=swap" /> -->
21-
<!-- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.5.1/css/all.css"> -->
229
</head>
2310

2411
<body>
@@ -49,7 +36,7 @@ <h1 class="nav-title">📝 New Tab Notes</h1>
4936
href="https://github.com/semanticdata/firefox-new-tab-notes"
5037
>❤</a
5138
>
52-
by <a href="https://github.com/semanticdata">Miguel Pimentel</a>.
39+
in Minneapolis.
5340
</p>
5441
</footer>
5542

‎demo/styles.css

Lines changed: 15 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,30 @@
11
[data-theme='light'] {
22
--bg-color: #fff;
3+
--textarea-bg-color: #fafafa;
34
--text-color: #222;
45
--alt-color: #fafafa;
56
--accent-color: #9000ff;
67
}
78
[data-theme='dark'] {
89
--bg-color: #202020;
10+
--textarea-bg-color: #202020;
911
--text-color: #fff;
1012
--alt-color: #1a191b;
1113
--accent-color: #e0b0ff;
1214
}
15+
textarea,
16+
[data-theme='light'],
17+
[data-theme='dark'] {
18+
transition: all 0.4s ease-in-out;
19+
}
1320
* {
1421
box-sizing: border-box;
1522
}
1623
html {
1724
background: var(--bg-color);
25+
color: var(--text-color);
1826
}
1927
body {
20-
background: var(--bg-color);
21-
color: var(--text-color);
2228
max-width: 80ch;
2329
padding-inline: 1rem;
2430
margin-inline: auto;
@@ -37,24 +43,18 @@ header {
3743
flex-grow: 1;
3844
} */
3945
footer {
40-
padding-block: 1rem;
41-
text-align: right;
42-
font-size: 12px;
46+
padding-block-end: 1rem;
47+
font-size: 14px;
4348
}
4449
textarea {
4550
background: var(--alt-color);
46-
/* background: var(--bg-color); */
4751
color: var(--text-color);
4852
min-height: 100%;
4953
padding: 1rem;
5054
width: 100%;
5155
border-radius: 0.35rem;
52-
background: #fafafa;
5356
font-size: 1.1rem;
5457
}
55-
textarea::placeholder {
56-
color: black;
57-
}
5858
.heart {
5959
text-decoration: none;
6060
}
@@ -68,4 +68,8 @@ button {
6868
cursor: pointer;
6969
font-size: 24px;
7070
}
71-
/* @media screen and (max-width: 80ch) {} */
71+
@media screen and (max-width: 80ch) {
72+
main {
73+
flex-grow: 1;
74+
}
75+
}

‎src/newtab.html

Lines changed: 0 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -4,26 +4,13 @@
44
<head>
55
<meta charset="UTF-8" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
87
<title>Notekeeper</title>
9-
<!-- <link rel="icon" type="image/png" sizes="48x48" href="icons/icon48.png" /> -->
108
<link rel="icon" type="image/png" sizes="64x64" href="icons/icon64.png" />
119
<link rel="stylesheet" href="styles.css" />
12-
<link rel="preconnect" href="https://fonts.googleapis.com" />
13-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
14-
<link
15-
href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=Fira+Mono:wght@400;500;700&display=swap"
16-
rel="stylesheet" />
1710
</head>
1811

1912
<body>
2013
<header>
21-
<!-- <h1 class="nav-title">📝 New Tab Notes</h1> -->
22-
<!-- <h1 class="nav-title">
23-
<img src="icons/icon64.png" alt="icon" height="24px" width="24px" />
24-
Notekeeper
25-
</h1> -->
26-
2714
<h1 class="nav-title">
2815
<img src="icons/icon64.png" alt="icon" height="32px" width="32px" />
2916
Notekeeper

0 commit comments

Comments
 (0)