Skip to content

Commit f74fee2

Browse files
error-four-o-fourerror-four-o-four
committed
feat: update projects
1 parent 8269e68 commit f74fee2

3 files changed

Lines changed: 167 additions & 81 deletions

File tree

‎dist/index.html‎

Lines changed: 68 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -68,73 +68,110 @@ <h2>
6868
<div class="div-flex">
6969
<article class="project-card">
7070
<div class="project-thumb">
71-
<img data-src="assets/test1.png" alt="Thumbnail Dummy" />
71+
<img
72+
data-src="assets/test1.png"
73+
alt="Thumbnail Frequently Used UtilitieS"
74+
/>
7275
</div>
7376
<div class="project-content">
7477
<div class="project-descr">
75-
<h4>Dummy</h4>
76-
<p>
77-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt
78-
quo amet minima similique voluptatem consectetur saepe
79-
impedit?
80-
</p>
78+
<h4>Frequently Used UtilitieS</h4>
79+
<p>A TS library of frequently used utility functions.</p>
8180
</div>
8281
<div class="project-links">
83-
<a href="#" target="_blank" rel="noopener">repo</a
84-
><a href="#" target="_blank" rel="noopener">demo</a>
82+
<a
83+
href="https://github.com/error-four-o-four/utils-fuu"
84+
target="_blank"
85+
rel="noopener"
86+
>repo</a
87+
>
8588
</div>
8689
</div>
8790
</article>
8891
<article class="project-card">
8992
<div class="project-thumb">
90-
<img data-src="assets/test3.png" alt="Thumbnail Dummy" />
93+
<img data-src="assets/test1.png" alt="Thumbnail DOM Utilities" />
9194
</div>
9295
<div class="project-content">
9396
<div class="project-descr">
94-
<h4>Dummy</h4>
95-
<p>
96-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt
97-
quo amet minima similique voluptatem consectetur saepe
98-
impedit?
99-
</p>
97+
<h4>DOM Utilities</h4>
98+
<p>A small TS library to manipulate the DOM.</p>
10099
</div>
101100
<div class="project-links">
102-
<a href="#" target="_blank" rel="noopener">repo</a
103-
><a href="#" target="_blank" rel="noopener">demo</a>
101+
<a
102+
href="https://github.com/error-four-o-four/utils-dom"
103+
target="_blank"
104+
rel="noopener"
105+
>repo</a
106+
>
104107
</div>
105108
</div>
106109
</article>
107110
<article class="project-card">
108-
<div class="project-thumb"></div>
111+
<div class="project-thumb">
112+
<img
113+
data-src="assets/test1.png"
114+
alt="Thumbnail freeCodeCamp Projects"
115+
/>
116+
</div>
109117
<div class="project-content">
110118
<div class="project-descr">
111-
<h4>Fancy Web Components</h4>
112-
<p>A set of reusable, custom web components.</p>
119+
<h4>freeCodeCamp Projects</h4>
120+
<p>
121+
5 projects which were built to obtain the freeCodeCamp Front
122+
End Development Libraries certification
123+
</p>
113124
</div>
114125
<div class="project-links">
115126
<a
116-
href="https://github.com/error-four-o-four/native-web-component-selector"
127+
href="https://github.com/error-four-o-four/projects"
117128
target="_blank"
118129
rel="noopener"
119130
>repo</a
131+
><a
132+
href="https://error-four-o-four.github.io/projects/"
133+
target="_blank"
134+
rel="noopener"
135+
>demo</a
120136
>
121137
</div>
122138
</div>
123139
</article>
124140
<article class="project-card">
125-
<div class="project-thumb"></div>
141+
<div class="project-thumb">
142+
<img data-src="assets/test1.png" alt="Thumbnail Dummy" />
143+
</div>
126144
<div class="project-content">
127145
<div class="project-descr">
128-
<h4>DOM Utilities</h4>
129-
<p>A small typescript-library to manipulate the DOM.</p>
146+
<h4>Dummy</h4>
147+
<p>
148+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt
149+
quo amet minima similique voluptatem consectetur saepe
150+
impedit?
151+
</p>
130152
</div>
131153
<div class="project-links">
132-
<a
133-
href="https://github.com/error-four-o-four/utils-dom"
134-
target="_blank"
135-
rel="noopener"
136-
>repo</a
137-
>
154+
<a href="#" target="_blank" rel="noopener">repo</a
155+
><a href="#" target="_blank" rel="noopener">demo</a>
156+
</div>
157+
</div>
158+
</article>
159+
<article class="project-card">
160+
<div class="project-thumb">
161+
<img data-src="assets/test3.png" alt="Thumbnail Dummy" />
162+
</div>
163+
<div class="project-content">
164+
<div class="project-descr">
165+
<h4>Dummy</h4>
166+
<p>
167+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt
168+
quo amet minima similique voluptatem consectetur saepe
169+
impedit?
170+
</p>
171+
</div>
172+
<div class="project-links">
173+
<a href="#" target="_blank" rel="noopener">repo</a
174+
><a href="#" target="_blank" rel="noopener">demo</a>
138175
</div>
139176
</div>
140177
</article>

‎index.html‎

Lines changed: 68 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -66,73 +66,110 @@ <h2>
6666
<div class="div-flex">
6767
<article class="project-card">
6868
<div class="project-thumb">
69-
<img data-src="assets/test1.png" alt="Thumbnail Dummy" />
69+
<img
70+
data-src="assets/test1.png"
71+
alt="Thumbnail Frequently Used UtilitieS"
72+
/>
7073
</div>
7174
<div class="project-content">
7275
<div class="project-descr">
73-
<h4>Dummy</h4>
74-
<p>
75-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt
76-
quo amet minima similique voluptatem consectetur saepe
77-
impedit?
78-
</p>
76+
<h4>Frequently Used UtilitieS</h4>
77+
<p>A TS library of frequently used utility functions.</p>
7978
</div>
8079
<div class="project-links">
81-
<a href="#" target="_blank" rel="noopener">repo</a
82-
><a href="#" target="_blank" rel="noopener">demo</a>
80+
<a
81+
href="https://github.com/error-four-o-four/utils-fuu"
82+
target="_blank"
83+
rel="noopener"
84+
>repo</a
85+
>
8386
</div>
8487
</div>
8588
</article>
8689
<article class="project-card">
8790
<div class="project-thumb">
88-
<img data-src="assets/test3.png" alt="Thumbnail Dummy" />
91+
<img data-src="assets/test1.png" alt="Thumbnail DOM Utilities" />
8992
</div>
9093
<div class="project-content">
9194
<div class="project-descr">
92-
<h4>Dummy</h4>
93-
<p>
94-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt
95-
quo amet minima similique voluptatem consectetur saepe
96-
impedit?
97-
</p>
95+
<h4>DOM Utilities</h4>
96+
<p>A small TS library to manipulate the DOM.</p>
9897
</div>
9998
<div class="project-links">
100-
<a href="#" target="_blank" rel="noopener">repo</a
101-
><a href="#" target="_blank" rel="noopener">demo</a>
99+
<a
100+
href="https://github.com/error-four-o-four/utils-dom"
101+
target="_blank"
102+
rel="noopener"
103+
>repo</a
104+
>
102105
</div>
103106
</div>
104107
</article>
105108
<article class="project-card">
106-
<div class="project-thumb"></div>
109+
<div class="project-thumb">
110+
<img
111+
data-src="assets/test1.png"
112+
alt="Thumbnail freeCodeCamp Projects"
113+
/>
114+
</div>
107115
<div class="project-content">
108116
<div class="project-descr">
109-
<h4>Fancy Web Components</h4>
110-
<p>A set of reusable, custom web components.</p>
117+
<h4>freeCodeCamp Projects</h4>
118+
<p>
119+
5 projects which were built to obtain the freeCodeCamp Front
120+
End Development Libraries certification
121+
</p>
111122
</div>
112123
<div class="project-links">
113124
<a
114-
href="https://github.com/error-four-o-four/native-web-component-selector"
125+
href="https://github.com/error-four-o-four/projects"
115126
target="_blank"
116127
rel="noopener"
117128
>repo</a
129+
><a
130+
href="https://error-four-o-four.github.io/projects/"
131+
target="_blank"
132+
rel="noopener"
133+
>demo</a
118134
>
119135
</div>
120136
</div>
121137
</article>
122138
<article class="project-card">
123-
<div class="project-thumb"></div>
139+
<div class="project-thumb">
140+
<img data-src="assets/test1.png" alt="Thumbnail Dummy" />
141+
</div>
124142
<div class="project-content">
125143
<div class="project-descr">
126-
<h4>DOM Utilities</h4>
127-
<p>A small typescript-library to manipulate the DOM.</p>
144+
<h4>Dummy</h4>
145+
<p>
146+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt
147+
quo amet minima similique voluptatem consectetur saepe
148+
impedit?
149+
</p>
128150
</div>
129151
<div class="project-links">
130-
<a
131-
href="https://github.com/error-four-o-four/utils-dom"
132-
target="_blank"
133-
rel="noopener"
134-
>repo</a
135-
>
152+
<a href="#" target="_blank" rel="noopener">repo</a
153+
><a href="#" target="_blank" rel="noopener">demo</a>
154+
</div>
155+
</div>
156+
</article>
157+
<article class="project-card">
158+
<div class="project-thumb">
159+
<img data-src="assets/test3.png" alt="Thumbnail Dummy" />
160+
</div>
161+
<div class="project-content">
162+
<div class="project-descr">
163+
<h4>Dummy</h4>
164+
<p>
165+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt
166+
quo amet minima similique voluptatem consectetur saepe
167+
impedit?
168+
</p>
169+
</div>
170+
<div class="project-links">
171+
<a href="#" target="_blank" rel="noopener">repo</a
172+
><a href="#" target="_blank" rel="noopener">demo</a>
136173
</div>
137174
</div>
138175
</article>

‎ssg/data/projects.json‎

Lines changed: 31 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,50 +1,62 @@
11
[
22
{
3-
"title": "Dummy",
4-
"descr": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt quo amet minima similique voluptatem consectetur saepe impedit?",
3+
"title": "Frequently Used UtilitieS",
4+
"descr": "A TS library of frequently used utility functions. ",
55
"thumb": {
66
"src": "test1.png",
77
"srcset": null
88
},
99
"links": {
10-
"repo": "#",
11-
"demo": "#"
10+
"repo": "https://github.com/error-four-o-four/utils-fuu",
11+
"demo": null
1212
}
1313
},
1414
{
15-
"title": "Dummy",
16-
"descr": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt quo amet minima similique voluptatem consectetur saepe impedit?",
15+
"title": "DOM Utilities",
16+
"descr": "A small TS library to manipulate the DOM.",
1717
"thumb": {
18-
"src": "test3.png",
18+
"src": "test1.png",
1919
"srcset": null
2020
},
2121
"links": {
22-
"repo": "#",
23-
"demo": "#"
22+
"repo": "https://github.com/error-four-o-four/utils-dom",
23+
"demo": null
2424
}
2525
},
2626
{
27-
"title": "Fancy Web Components",
28-
"descr": "A set of reusable, custom web components.",
27+
"title": "freeCodeCamp Projects",
28+
"descr": "5 projects which were built to obtain the freeCodeCamp Front End Development Libraries certification",
2929
"thumb": {
30-
"src": null,
30+
"src": "test1.png",
3131
"srcset": null
3232
},
3333
"links": {
34-
"repo": "https://github.com/error-four-o-four/native-web-component-selector",
35-
"demo": null
34+
"repo": "https://github.com/error-four-o-four/projects",
35+
"demo": "https://error-four-o-four.github.io/projects/"
3636
}
3737
},
3838
{
39-
"title": "DOM Utilities",
40-
"descr": "A small typescript-library to manipulate the DOM.",
39+
"title": "Dummy",
40+
"descr": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt quo amet minima similique voluptatem consectetur saepe impedit?",
4141
"thumb": {
42-
"src": null,
42+
"src": "test1.png",
4343
"srcset": null
4444
},
4545
"links": {
46-
"repo": "https://github.com/error-four-o-four/utils-dom",
47-
"demo": null
46+
"repo": "#",
47+
"demo": "#"
48+
}
49+
},
50+
{
51+
"title": "Dummy",
52+
"descr": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt quo amet minima similique voluptatem consectetur saepe impedit?",
53+
"thumb": {
54+
"src": "test3.png",
55+
"srcset": null
56+
},
57+
"links": {
58+
"repo": "#",
59+
"demo": "#"
4860
}
4961
}
5062
]

0 commit comments

Comments
 (0)