-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
164 lines (162 loc) · 10.1 KB
/
index.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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!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>Cheleaux - Junior Software Developer</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/[email protected]/devicon.min.css">
<link rel="stylesheet" href="https://api.fontshare.com/v2/css?f[]=satoshi@900,700,300,400&display=swap">
<link rel="shortcut icon" href="assets/media/favicon.ico" type="image/x-icon">
</head>
<body>
<header>
<div class="header-container">
<div class="alias-banner">
<hr>
<h1 class="alias">Cheleaux</h1>
<div class="hr-container flex">
<div class="hr"><hr></div>
<span class="pronunciation">/ch • e • l • oʊ/</span>
</div>
</div>
</div>
</header>
<main class="flex">
<div class="colapse-catch-container">
<section class="about-me-section">
<article class="personal-intro">
<div class="personal-intro-line-1 flex">
<span>Hey there, my name is</span>
<div class="hr"><hr></div>
</div>
<h2 class="name">Nazareth Dixon</h2>
<hr>
</article>
<article class="about-me">
<p id="abt-me-text" class="abt-me-truncated"> <span class="abt-me-whole">
<span class="abt-me-para-1">A.K.A Cheleaux. A self-taught
<span class="text-highlight">Junior Software Developer</span> and
<span class="text-highlight">Graphic Designer</span>.
I have a solid foundation in web development and data-oriented programming,
specifically using JavaScript, Express, ReactJS, Python and PostgreSQL. I'm looking to gain experience in
back-end systems developement and expand my knowledge.</span><br><br>
I find that software development is intrinsically creative which makes me all the more passionate about.
Every piece of software is a piece of craftsmanship and every intricate system has incites to learn from.<br><br>
I am never afraid to 'do the work', and the minor fustrations enrich the achievement.</p>
</span>
<h4 class="abt-me-expand-btn">See more</h4>
<hr>
</article>
<article class="social-links flex">
<a target='_blank' href="http://www.github.com/cheleaux"><i class="devicon-github-original"></i></a>
<a target='_blank' href="https://www.linkedin.com/in/nazarethdixon/"><i class="devicon-linkedin-plain"></i></a>
<a target='_blank' href="mailto:[email protected]"><span class="email-link">@</span></a>
</article>
</section>
<section class="tech-stack-oncolapse">
<div class="tech-stack-banner">
<h3 class="subtitle">Tech-Stack</h3>
<hr>
</div>
<article class="tech-list-oncolapse-container retracted ts-languages-container">
<div class="ts-banner">
<h4 class="ts-subtitle">Languages</h4>
<hr class="ts-banner-hr">
<hr class="ts-banner-hr-cover">
</div>
<ul class="langauges-list-oncolapse retracted tech-list flex">
<li class="tech-list-item flex"><i class="devicon-css3-plain"></i><div class="tooltip flex"><h3>CSS</h3></div></li>
<li class="tech-list-item flex"><i class="devicon-html5-plain"></i><div class="tooltip flex"><h3>HTML</h3></div></li>
<li class="tech-list-item flex"><i class="devicon-javascript-plain"></i><div class="tooltip flex"><h3>JavaScript</h3></div></li>
<li class="tech-list-item flex"><i class="devicon-nodejs-plain"></i><div class="tooltip flex"><h3>NodeJS</h3></div></li>
<li class="tech-list-item flex"><i class="devicon-express-original"></i><div class="tooltip flex"><h3>Express</h3></div></li>
<li class="tech-list-item flex"><i class="devicon-python-plain"></i><div class="tooltip flex"><h3>Python</h3></div></li>
<li class="tech-list-item flex"><i class="devicon-mysql-plain"></i><div class="tooltip flex"><h3>MySQL</h3></div></li>
<li class="tech-list-item flex"><i class="devicon-mongodb-plain"></i><div class="tooltip flex"><h3>MongoDB</h3></div></li>
<li class="tech-list-item flex"><i class="devicon-postgresql-plain"></i><div class="tooltip flex"><h3>PostgreSQL</h3></div></li>
<li class="tech-list-item flex"><i class="devicon-git-plain"></i><div class="tooltip flex"><h3>Git</h3></div></li>
<li class="tech-list-item flex"><i class="devicon-flask-original"></i><div class="tooltip flex"><h3>Flask</h3></div></li>
</ul>
</article>
<article class="tech-list-oncolapse-container retracted ts-softwares-container">
<div class="ts-banner">
<h4 class="ts-subtitle">Software</h4>
<hr class="ts-banner-hr">
<hr class="ts-banner-hr-cover">
</div>
<ul class="software-list-oncolapse retracted tech-list flex">
<li class="tech-list-item flex"><i class="devicon-photoshop-plain"></i><div class="tooltip flex"><h3>Photoshop</h3></div></li>
<li class="tech-list-item flex"><i class="devicon-illustrator-plain"></i><div class="tooltip flex"><h3>Illustrator</h3></div></li>
<li class="tech-list-item flex"><i class="devicon-premierepro-plain"></i><div class="tooltip flex"><h3>Premier<br>PRO</h3></div></li>
<li class="tech-list-item flex"><i class="devicon-figma-plain"></i><div class="tooltip flex"><h3>Figma</h3></div></li>
<li class="tech-list-item flex"><i class="devicon-visualstudio-plain"></i><div class="tooltip flex"><h3>VS Code</h3></div></li>
</ul>
</article>
</section>
</div>
<section class="projects">
<div class="project-section-banner">
<h3 class="subtitle">Projects</h3>
<hr>
</div>
<article class="project-list flex">
<div class="project-card">
<a href="https://filmflix-lfnr.onrender.com" target="_blank" rel="noopener noreferrer">
<div class="project-thumbnail flex">
<img src="assets/media/filmflix-ss.png" alt="screen grab of filmflix project">
<div class="thumbnail-screen"></div>
</div>
</a>
<div class="project-info flex">
<a href="https://filmflix-lfnr.onrender.com" target="_blank" rel="noopener noreferrer"><h4 class="project-name">FilmFlix</h4></a>
<div class="info-tag"><span>flask app</span></div>
</div>
</div>
<div class="project-card">
<a href="https://cheleaux.github.io/Decrypt-Clone/" target="_blank" rel="noopener noreferrer">
<div class="project-thumbnail flex">
<img src="assets/media/decrypt-clone-ss.png" alt="screen grab of Decrypt.co clone project">
<div class="thumbnail-screen"></div>
</div>
</a>
<div class="project-info flex">
<a href="https://cheleaux.github.io/Decrypt-Clone/" target="_blank" rel="noopener noreferrer"><h4 class="project-name">Decrypt</h4></a>
<div class="info-tag"><span>site clone</span></div>
</div>
</div>
<div class="project-card">
<a href="https://cheleaux.github.io/Client-Manager/" target="_blank" rel="noopener noreferrer">
<div class="project-thumbnail flex">
<img src="assets/media/form-mgr-ss.png" alt="">
<div class="thumbnail-screen"></div>
</div>
</a>
<div class="project-info flex">
<a href="https://cheleaux.github.io/Client-Manager/" target="_blank" rel="noopener noreferrer"><h4 class="project-name">Client Manager</h4></a>
</div>
</div>
<div class="project-card">
<a href="https://cheleaux.github.io/Memo/" target="_blank" rel="noopener noreferrer">
<div class="project-thumbnail flex">
<img src="assets/media/Memo-ss.png" alt="">
<div class="thumbnail-screen"></div>
</div>
</a>
<div class="project-info flex">
<a href="https://cheleaux.github.io/Memo/" target="_blank" rel="noopener noreferrer"><h4 class="project-name">Decrypt</h4></a>
<div class="info-tag"><span>site clone</span></div>
</div>
</div>
</article>
</section>
</main>
<footer>
<div class="footer-container flex">
<span>© 2023 Cheleaux. All Rights Reserved.</span>
</div>
</footer>
<script type="module" src="Main.js"></script>
</body>
</html>