Skip to content

Commit 4a82756

Browse files
magnusfmmagnusfm
committed
2 parents 0644e8b + 37c00e9 commit 4a82756

10 files changed

+172
-24
lines changed

‎favorite.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -10,13 +10,13 @@
1010
<body>
1111
<header>
1212
<div id="navbar">
13-
<a href="#"><img id="search" src="img/search.svg"></a>
13+
<a href="#"><img id="search" src="img/search_grey.svg"></a>
1414
<a href="#"><img id="logo" src="img/stoff%20og%20stil%20logo.png"></a>
1515
</div>
1616
</header>
1717

1818
<div id="favoritebar">
19-
<a href="#"><img id="menuicon" src="img/menu.png"></a>
19+
<a href="#"><img id="menuicon" src="img/menu_grey.png"></a>
2020
<a href="#"><img id="backicon" src="img/close.svg"></a>
2121
</div>
2222

‎img/blogging_grey.svg

+19
Loading

‎img/bookmark-outline_grey.svg

+14
Loading

‎img/heart_grey.svg

+17
Loading

‎img/menu_grey.png

9.84 KB
Loading

‎img/search_grey.svg

+11
Loading

‎index.html

+10-14
Original file line numberDiff line numberDiff line change
@@ -10,33 +10,32 @@
1010
<body>
1111
<header>
1212
<div id="navbar">
13-
<a href="#"><img id="search" src="img/search.svg"></a>
13+
<a href="#"><img id="search" src="img/search_grey.svg"></a>
1414
<a href="#"><img id="logo" src="img/stoff%20og%20stil%20logo.png"></a>
1515
</div>
1616
</header>
1717

1818

1919
<div id="profilebar">
20-
<a href="#"><img id="menuicon" src="img/menu.png"></a>
20+
<a href="#"><img id="menuicon" src="img/menu_grey.png"></a>
2121
<a href="#"><h1 id="strikkepigen">Strikkepigen</h1></a>
2222
<a href="#"><img id="profilepic" src="img/mainprofilepic.png"></a>
2323
</div>
2424

2525
<div id="mainprofieproject">
2626
<a href="#"><img id="mainprofileprojectpic" src="img/frontpagepic_1.png"></a>
2727
</div>
28-
2928
<div id="projecticons">
30-
<a href="#"><img id="heart" src="img/heart.svg"></a>
31-
<a href="#"><img id="comment" src="img/blogging.svg"></a>
32-
<a href="#"><img id="favorite" src="img/bookmark-outline.svg"></a>
29+
<a href="#"><img id="heart" src="img/heart_grey.svg"></a>
30+
<a href="#"><img id="comment" src="img/blogging_grey.svg"></a>
31+
<a href="#"><img id="favorite" src="img/bookmark-outline_grey.svg"></a>
3332
<h2>Sækkepude i flot mønstret stof</h2>
3433
<h3>126 synes godt om</h3>
3534
<h3><a href="#" id="profilebutton"><span id="name">Strikkepigen</span></a> Sjovt lille projekt, meget tilfreds</h3>
3635
<a href="#" id="kommentar"><h3>Vis kommentarer(7)</h3></a>
3736

3837
<div id="profilebartwo">
39-
<a href="#"><img id="menuicon" src="img/menu.png"></a>
38+
<a href="#"><img id="menuicon" src="img/menu_grey.png"></a>
4039
<a href="#"><h1 id="stoffi">Stoffi</h1></a>
4140
<a href="#"><img id="profilepic" src="img/userprofilepic.png"></a>
4241
</div>
@@ -46,17 +45,14 @@ <h3><a href="#" id="profilebutton"><span id="name">Strikkepigen</span></a> Sjovt
4645
</div>
4746

4847
<div id="projecticonstwo">
49-
<a href="#"><img id="heart" src="img/heart.svg"></a>
50-
<a href="#"><img id="comment" src="img/blogging.svg"></a>
51-
<a href="#"><img id="favorite" src="img/bookmark-outline.svg"></a>
48+
<a href="#"><img id="heart" src="img/heart_grey.svg"></a>
49+
<a href="#"><img id="comment" src="img/blogging_grey.svg"></a>
50+
<a href="#"><img id="favorite" src="img/bookmark-outline_grey.svg"></a>
5251
<h2>Flot nederdel i komfortabelt stof</h2>
5352
<h3>242 synes godt om</h3>
5453
<h3><a href="#" id="profilebutton"><span id="name">Stoffi</span></a> Super tilfreds med resultatet, håber i kan lide den!</h3>
5554
<a href="#" id="kommentar"><h3>Vis kommentarer(26)</h3></a>
5655
</div>
57-
58-
59-
6056
</div>
6157

6258

@@ -65,7 +61,7 @@ <h3><a href="#" id="profilebutton"><span id="name">Stoffi</span></a> Super tilfr
6561

6662
<div class="itemfrontpage">
6763
<a href="#"><img src="img/home%20(1).svg"></a>
68-
<div class="sortikon"><h2 >Start</h2></div>
64+
<div class="sortikon"><h2>Start</h2></div>
6965
</div>
7066
<div class="item2">
7167
<a href="#"><img src="img/bookmark-ribbon%20red.svg"></a>

‎opret.html

+3-3
Original file line numberDiff line numberDiff line change
@@ -80,23 +80,23 @@ <h3>Beskriv et skridt af gangen. Tilføj gerne billeder af processen</h3>
8080

8181
<div class="item1">
8282
<a href="#"><img src="img/home red.svg"></a>
83-
<div><h2>hjem</h2></div>
83+
<div><h2>Hjem</h2></div>
8484
</div>
8585
<div class="item2">
8686
<a href="#"><img src="img/bookmark-ribbon%20red.svg"></a>
8787
<h2>Gemte</h2>
8888
</div>
8989
<div class="item3">
9090
<a href="#"><img src="img/plus.svg"></a>
91-
<div class="sortikon"><h2 >opret projekt</h2></div>
91+
<div class="sortikon"><h2 >Opret projekt</h2></div>
9292
</div>
9393
<div class="item4">
9494
<a href="#"><img src="img/user red.svg"></a>
9595
<h2>Profil</h2>
9696
</div>
9797
<div class="item5">
9898
<a href="#"><img src="img/menu%20red.svg"></a>
99-
<h2>Katagorier</h2>
99+
<h2>Kategorier</h2>
100100
</div>
101101
</div>
102102
</nav>

‎style.css

+77-3
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
/* css variabels */
33
:root {
44
--primary::rgb(255,255,255);
5-
--grey:#4c4c4c;
5+
--grey:#999999;
66
--shadow:#000;
77
--lysred:#FF8C8C;
88
}
@@ -276,7 +276,7 @@ color:var(--lysred);
276276

277277
#logout{
278278
font-size: 14px;
279-
color: darkgrey;
279+
color: var(--grey);
280280
float: right;
281281
margin-top: 47%;
282282
margin-right: 11%;
@@ -292,7 +292,7 @@ color:var(--lysred);
292292

293293
#social p{
294294
text-align: center;
295-
color: darkgray;
295+
color: var(--grey);
296296
}
297297

298298
#plussocial{
@@ -1060,3 +1060,77 @@ input {
10601060
font-size: 40px;
10611061
}
10621062

1063+
.box3{
1064+
background-color: #000000;
1065+
padding-top: 1px;
1066+
padding-bottom: 1px;
1067+
width: 50%;
1068+
margin-top: 5%;
1069+
}
1070+
1071+
.box3 p{
1072+
color: white;
1073+
text-align: center;
1074+
font-size: 40px;
1075+
}
1076+
1077+
.box4{
1078+
background-color: #ffffff;
1079+
padding-top: 1px;
1080+
padding-bottom: 1px;
1081+
width: 50%;
1082+
margin-top: 5%;
1083+
1084+
}
1085+
1086+
.box4 p{
1087+
color: black;
1088+
text-align: center;
1089+
font-size: 40px;
1090+
}
1091+
1092+
.typography{
1093+
margin-left: 5%;
1094+
margin-top: 15%;
1095+
}
1096+
1097+
.typography h1{
1098+
font-size: 100px;
1099+
margin-bottom: 0px;
1100+
}
1101+
1102+
.typography h2{
1103+
font-size: 50px;
1104+
}
1105+
1106+
.typography p{
1107+
font-size: 22px
1108+
}
1109+
1110+
.typo1 p{
1111+
font-size: 30px;
1112+
}
1113+
1114+
.typo2 p{
1115+
font-weight: bold;
1116+
}
1117+
.typo3 p{
1118+
font-size: 18px;
1119+
}
1120+
1121+
.typo4 p{
1122+
font-size: 15px
1123+
}
1124+
1125+
.logopart{
1126+
padding-top: 15%;
1127+
margin-left: 5%;
1128+
}
1129+
1130+
.logopart h1{
1131+
font-size: 100px;
1132+
}
1133+
1134+
.logopart img{
1135+
width: 50%;
1136+
}

‎styleguide.html

+19-2
Original file line numberDiff line numberDiff line change
@@ -28,11 +28,28 @@ <h1 class="overskrift">Styleguide</h1>
2828
<h1>Farver</h1>
2929

3030
<div class="box1"><p>#FF8C8C</p></div>
31-
<div class="box2"><p>#4C4C4C</p></div>
32-
<div class="box3"><p>Farvekode</p></div>
31+
<div class="box2"><p>#999999</p></div>
32+
<div class="box3"><p>#000000</p></div>
33+
<div class="box4"><p>#FFFFFF</p></div>
3334

3435
</div>
3536

37+
<div class="typography">
38+
<h1>Typografi</h1>
39+
<h2>Skrifttype</h2>
40+
41+
<div class="typo1"><p>Signika</p></div>
42+
43+
<h2>Skriftstørrelse</h2>
44+
<div class="typo2"><p>Bold - 22px</p></div>
45+
<div class="typo3"><p>Regular - 18px</p></div>
46+
<div class="typo4"><p>Regular - 15px</p></div>
47+
</div>
48+
<div class="logopart">
49+
<h1>Logo</h1>
50+
<img class="styleguidelogo" src="img/stoff%20og%20stil%20logo.png">
51+
</div>
52+
3653
<script src="java.js"></script>
3754
</body>
3855
</html>

0 commit comments

Comments
 (0)