Skip to content

Commit 79d78a0

Browse files
Aadv1kAadv1k
committed
Formatted everything; Added install and clean-up scripts
1 parent a9e6992 commit 79d78a0

File tree

26 files changed

+653
-847
lines changed

26 files changed

+653
-847
lines changed

‎frontendmentor.io/fem-crowdfunding-pp/index.html

Lines changed: 10 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -40,10 +40,7 @@
4040
</div>
4141
</nav>
4242

43-
<section class="modal__overlay">
44-
45-
</section>
46-
43+
<section class="modal__overlay"></section>
4744

4845
<main>
4946
<div class="img__hero">
@@ -145,16 +142,16 @@ <h1>101</h1>
145142
</div>
146143
</div>
147144

148-
149145
<div class="sec3__inner card">
150146
<div>
151147
<h3>Black edition stand</h3>
152148
<span>Pledge $75 or more</span>
153149
</div>
154150

155151
<p>
156-
You get a Black Special Edition computer stand and a personal thank you. You’ll be added to our Backer
157-
member list. Shipping is included.
152+
You get a Black Special Edition computer stand and a personal
153+
thank you. You’ll be added to our Backer member list. Shipping is
154+
included.
158155
</p>
159156

160157
<div>
@@ -167,18 +164,16 @@ <h1>64</h1>
167164
</div>
168165
</div>
169166

170-
171167
<div class="sec3__inner card card--disabled">
172168
<div>
173-
174169
<h3>Mahogany Special Edition</h3>
175170
<span>Pledge $200 or more</span>
176171
</div>
177172

178173
<p>
179-
180-
You get two Special Edition Mahogany stands, a Backer T-Shirt, and a personal thank you. You’ll be added
181-
to our Backer member list. Shipping is included.
174+
You get two Special Edition Mahogany stands, a Backer T-Shirt, and
175+
a personal thank you. You’ll be added to our Backer member list.
176+
Shipping is included.
182177
</p>
183178

184179
<div>
@@ -187,12 +182,12 @@ <h1>0</h1>
187182
<small>left</small>
188183
</div>
189184

190-
<button class="btn-primary btn-primary--disabled">Select Reward</button>
185+
<button class="btn-primary btn-primary--disabled">
186+
Select Reward
187+
</button>
191188
</div>
192189
</div>
193-
194190
</div>
195-
196191
</section>
197192
</main>
198193
</body>

‎frontendmentor.io/fem-crowdfunding-pp/src/scss/_components.scss

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,8 @@
4242
}
4343
}
4444

45-
.btn-primary--disabled, .card--disabled {
45+
.btn-primary--disabled,
46+
.card--disabled {
4647
opacity: 0.5;
4748
user-select: none;
4849

‎frontendmentor.io/fem-crowdfunding-pp/src/scss/main.scss

Lines changed: 8 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -196,7 +196,7 @@ nav.navbar {
196196
display: flex;
197197
justify-content: space-between;
198198
flex-direction: column;
199-
gap: .5em;
199+
gap: 0.5em;
200200
}
201201

202202
span {
@@ -212,12 +212,12 @@ nav.navbar {
212212
.pricing {
213213
display: flex;
214214
align-items: center;
215-
gap: .5em;
216-
215+
gap: 0.5em;
216+
217217
h1 {
218218
font-size: 2.4em;
219219
}
220-
220+
221221
small {
222222
font-size: 1.2em;
223223
color: $moderate-cyan;
@@ -231,7 +231,7 @@ nav.navbar {
231231
max-width: 200px;
232232
margin-top: 1em;
233233
}
234-
}
234+
}
235235

236236
.modal__overlay {
237237
display: none; /* Hidden by default */
@@ -242,8 +242,8 @@ nav.navbar {
242242
width: 100%; /* Full width */
243243
height: 100%; /* Full height */
244244
overflow: auto; /* Enable scroll if needed */
245-
background-color: rgb(0,0,0); /* Fallback color */
246-
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
245+
background-color: rgb(0, 0, 0); /* Fallback color */
246+
background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
247247
}
248248

249249
////////////////////
@@ -334,7 +334,7 @@ nav.navbar {
334334
justify-content: space-between;
335335
align-items: center;
336336
}
337-
337+
338338
.btn-primary {
339339
margin-top: 0;
340340
}
@@ -349,11 +349,9 @@ nav.navbar {
349349

350350
@media screen and (max-width: 360px) {
351351
.container {
352-
353352
.card:nth-child(1) {
354353
padding: 3em 0.5em;
355354
}
356-
357355

358356
.card {
359357
padding: 1.5em 0.5em;

‎frontendmentor.io/fem-crowdfunding-pp/style-guide.md

Lines changed: 0 additions & 31 deletions
This file was deleted.

‎frontendmentor.io/fem-huddle-landing-page/index.html

Lines changed: 48 additions & 60 deletions
Original file line numberDiff line numberDiff line change
@@ -1,63 +1,51 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- displays site properly based on user's device -->
6-
7-
<link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png">
8-
9-
<title>Frontend Mentor | Huddle landing page with curved sections</title>
10-
11-
<!-- Feel free to remove these styles or customise in your own stylesheet 👍 -->
12-
<style>
13-
.attribution { font-size: 11px; text-align: center; }
14-
.attribution a { color: hsl(228, 45%, 44%); }
15-
</style>
16-
</head>
17-
<body>
18-
Try it free
19-
20-
21-
22-
23-
Get Started For Free
24-
25-
1.4k+
26-
Communities Formed
27-
28-
2.7m+
29-
Messages Sent
30-
31-
Grow Together
32-
33-
Flowing Conversations
34-
You wouldn't paginate a conversation in real life, so why do it online? Our threads have
35-
just-in-time loading for a more natural flow.
36-
37-
Your Users
38-
It takes no time at all to integrate Huddle with your app's authentication solution. This means,
39-
once signed in to your app, your users can start chatting immediately.
40-
41-
Ready To Build Your Community?
42-
Get Started For Free
43-
44-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nulla quam, hendrerit lacinia
45-
vestibulum a, ultrices quis sem.
46-
47-
Phone: +1-543-123-4567
48-
[email protected]
49-
50-
Newsletter
51-
To recieve tips on how to grow your community, sign up to our weekly newsletter. We’ll never
52-
send you spam or pass on your email address
53-
54-
Subscribe
55-
56-
<footer>
57-
<p class="attribution">
58-
Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>.
59-
Coded by <a href="#">Your Name Here</a>.
60-
</p>
61-
</footer>
62-
</body>
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<!-- displays site properly based on user's device -->
7+
8+
<link
9+
rel="icon"
10+
type="image/png"
11+
sizes="32x32"
12+
href="./images/favicon-32x32.png"
13+
/>
14+
15+
<title>Frontend Mentor | Huddle landing page with curved sections</title>
16+
17+
<!-- Feel free to remove these styles or customise in your own stylesheet 👍 -->
18+
<style>
19+
.attribution {
20+
font-size: 11px;
21+
text-align: center;
22+
}
23+
.attribution a {
24+
color: hsl(228, 45%, 44%);
25+
}
26+
</style>
27+
</head>
28+
<body>
29+
Try it free Get Started For Free 1.4k+ Communities Formed 2.7m+ Messages
30+
Sent Grow Together Flowing Conversations You wouldn't paginate a
31+
conversation in real life, so why do it online? Our threads have
32+
just-in-time loading for a more natural flow. Your Users It takes no time at
33+
all to integrate Huddle with your app's authentication solution. This means,
34+
once signed in to your app, your users can start chatting immediately. Ready
35+
To Build Your Community? Get Started For Free Lorem ipsum dolor sit amet,
36+
consectetur adipiscing elit. Mauris nulla quam, hendrerit lacinia vestibulum
37+
a, ultrices quis sem. Phone: +1-543-123-4567 [email protected] Newsletter
38+
To recieve tips on how to grow your community, sign up to our weekly
39+
newsletter. We’ll never send you spam or pass on your email address
40+
Subscribe
41+
42+
<footer>
43+
<p class="attribution">
44+
Challenge by
45+
<a href="https://www.frontendmentor.io?ref=challenge" target="_blank"
46+
>Frontend Mentor</a
47+
>. Coded by <a href="#">Your Name Here</a>.
48+
</p>
49+
</footer>
50+
</body>
6351
</html>

‎frontendmentor.io/fem-huddle-landing-page/postcss.config.js

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
11
module.exports = {
2-
plugins: [
3-
require('autoprefixer')
4-
],
5-
}
2+
plugins: [require("autoprefixer")],
3+
};

‎frontendmentor.io/fem-huddle-landing-page/src/index.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
import style from "./scss/main.scss"
1+
import style from "./scss/main.scss";

0 commit comments

Comments
 (0)