Skip to content

Commit 0b92722

Browse files
committed
Update landing page styles and remove Google font dependency.
1 parent 25347ab commit 0b92722

File tree

2 files changed

+11
-9
lines changed

2 files changed

+11
-9
lines changed

docs/index.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,6 @@
88

99
<meta property="og:image" content="https://dict.press/static/thumb.png">
1010
<link rel="shortcut icon" href="static/favicon.png" />
11-
<link href="https://fonts.googleapis.com/css?family=Inter:400,600" rel="stylesheet" defer />
1211
<link rel="stylesheet" type="text/css" href="static/style.css" />
1312
</head>
1413
<body>

docs/static/style.css

Lines changed: 11 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
:root {
22
--primary: #b78900;
33
--bright: #ffcc00;
4-
--secondary: #333;
4+
--secondary: #222;
55
--light: #999;
66
}
77

@@ -16,14 +16,14 @@ html, body {
1616

1717
body {
1818
background: #fff;
19-
font-family: "Inter", sans-serif;
19+
font-family: Inter, sans-serif;
2020
font-size: 17px;
2121
line-height: 29px;
2222
color: var(--secondary);
2323
}
2424

2525
h1, h2, h3, h4, h5 {
26-
font-weight: 400;
26+
font-weight: 600;
2727
margin: 0 0 20px 0;
2828
}
2929

@@ -82,17 +82,16 @@ p {
8282
}
8383

8484
.button {
85-
background: var(--bright);
86-
color: var(--secondary);
85+
background: var(--secondary);
86+
color: #fff;
8787
padding: 15px 40px;
8888
border-radius: 5px;
89-
border: 1px solid var(--secondary);
9089
box-shadow: 2px 2px 0 #ecbd00;
9190
display: inline-block;
9291
font-size: 1.2rem;
9392
}
9493
.button:hover {
95-
opacity: 0.7;
94+
color: var(--bright);
9695
}
9796
.button:active {
9897
transform: translate(2px, 2px);
@@ -112,7 +111,7 @@ p {
112111
}
113112

114113
.header {
115-
background: #eee;
114+
background: var(--bright);
116115
padding: 60px 0;
117116
margin-bottom: 60px;
118117
}
@@ -127,7 +126,11 @@ p {
127126
.nav a {
128127
display: inline-block;
129128
margin: 0 20px 0 0;
129+
color: var(--secondary);
130130
}
131+
.nav a:hover {
132+
opacity: 0.8;
133+
}
131134
.hero {
132135
margin-top: 90px;
133136
}

0 commit comments

Comments
 (0)