-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathTasks.html
143 lines (119 loc) · 4.33 KB
/
Tasks.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!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.0">
<title>Document</title>
</head>
<body>
<h1>Tasks</h1>
<h2>2022/06/13</h2>
<ul>
<li> more meaningful content</li>
<li> discover how to insert an image into the html doc </li>
<li> add image of myself </li>
<li> discover to create hyperlinks </li>
</ul>
<h2>2022/06/14</h2>
<ul>
<li> add more hobbies to the table (at least 5)</li>
<li> lessen the width of the first column in the table </li>
<li> add formating to the hobbies (first row background grey) </li>
<li> create a new page with images </li>
</ul>
<h2>2022/06/15</h2>
<ul>
<li>create a footer (items left side/ copyright, terms of condition, privacy notice right side)</li>
<li>get ride of the tables and replace with display flex and divs </li>
<li> code the header </li>
</ul>
<h2>2022/06/20</h2>
<ul>
<li>create a draft for each of the pages that are in the nav</li>
<li>link all these pages to the common styles of css (change the title)</li>
<li>every page will need to have the same header and footer</li>
<li>create an archive folder and put all these old versions into it</li>
<li>look at interesting designs for portfolio to steal ideas</li>
</ul>
<h2>2022/06/21</h2>
<ul>
<li>structure all pages using header, main and footer (also sections)</li>
<li>fix animation error for footer</li>
<li>create content for the pages</li>
<li>create a new page for hobbies</li>
<li>look for other fonts using google fonts (different font for titles, nav, headers and normal text)</li>
<li>look into media queries for css</li>
</ul>
<h2>2022/06/24</h2>
<ul>
<li>use same header on all pages</li>
<li>change todays changes (colour, opacity, etc)</li>
<li>create content for the pages</li>
<li>create a colour palette/scheme for portfolio</li>
<li>play with background colour</li>
<li>explore backdrop filter blur</li>
<li>faicons</li>
</ul>
5
<h2>2022/06/25</h2>
<ul>
<li>add filter to logo</li>
<li>work on the other pages (apply to all/ easy nav between them)</li>
<li>media queries</li>
<li>add space on footer before/after pipe</li>
<li>masonry layout - look up</li>
<li>add content or lorem</li>
</ul>
<h2>2022/06/27</h2>
<ul>
<li>mobile: reduce font size</li>
<li>enlarge font size for md and lg</li>
<li>fix footer (privacy policy and terms and conditions) - on mobile should be on different lines (display
block)</li>
<li>fix footer md (display flex) </li>
<li>reduce font size of the body for mobile</li>
</ul>
<h2>2022/06/27</h2>
<ul>
<li>switch between the two different headers navs depending on resolution</li>
</ul>
<h2>2022/06/29</h2>
<ul>
<li>adjust fontsize on higher resolutions (header nav and footer)</li>
<li>work on all the pages and add the header/footer</li>
<li>look for more content</li>
<li>create meadia query to adjust photo</li>
</ul>
<h2>22/07/04</h2>
<ul>
<li>make a new page with header and footer</li>
<li>reduce time on animations</li>
<li>look into blur</li>
</ul>
<h2>22/07/06</h2>
<ul>
<li>create a javascript file</li>
<li>implement the menu</li>
</ul>
<h2>22/07/07</h2>
<ul>
<li>on hobby page use display grid to fix (remove table)</li>
<li>adjust for 4k resolution</li>
</ul>
<h2>02/08/07</h2>
<ul>
<li>make quote of the day compatible with mobile</li>
<li>add quote link to nav bar</li>
<li>add content to about me</li>
<li>change about me from grid to block on mobile</li>
<li>add adjustments to about me (padding, margin)</li>
<li>about me - change the postions of th epicture and flex-direction: column-reverse;</li>
</ul>
<h2>03/08/07</h2>
<ul>
<li>change faqs font-size for mobile</li>
<li></li>
</ul>
</body>
</html>