-
Notifications
You must be signed in to change notification settings - Fork 0
/
decomp.html
172 lines (139 loc) · 5.78 KB
/
decomp.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
165
166
167
168
169
170
171
172
<!DOCTYPE html>
<html>
<head>
<title>Code by Ella L'Esperance</title>
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,200;6..72,300;6..72,400&display=swap" rel="stylesheet"><style>
main {
font-family: 'Newsreader', serif;
padding: 20px;
background-color: white; /* Light grey background */
color: #333; /* Dark grey text */
}
.heading1 {
text-align: left;
margin-left: 5%;
}
.text-image-container {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.text-image-container p {
width: 40%;
text-align: justify;
}
.text-image-container .right-image {
width: 20%;
margin-left: 20px;
}
.project-container {
display: flex;
justify-content: space-around;
margin-bottom: 20px;
}
.project-container img {
width: calc(50% - 10px);
margin: 5px;
}
.secondary-email-button {
margin-top: 5%;
text-align: center;
margin: 7%;
padding: 10px 200px;
background-color: white;
color: #D90707;
border: 2px solid #D90707;
text-decoration: none;
font-weight: bold;
transition: background-color 0.3s, color 0.3s; /* Smooth transition */
}
.secondary-email-button:hover {
background-color: #507bb3;
color: white;
}
.body li {
list-style-position: inside;
margin-left: 7%;
padding-right: 7%;
}
.body ul {
list-style-position: inside;
margin-left: 2%;
padding-right: 7%;
}
.secondary-text-image-container {
margin-left: -20%;
display: flex;
align-items: flex-start; /* Aligns items at the start of the container */
justify-content: space-evenly; /* Puts space between the text and image */
margin-bottom: 20px; /* Optional: Adds some space below the container */
}
.secondary-image-content img {
height: 120%;
width: 120%;
text-align: center;
}
.secondary-right-image {
padding-right: 20%;
display: block;
size-adjust: 300%;
margin-top: 100px;
}
</style>
</head>
<body>
<div class="header">
<img src="Untitled.jpeg" alt="Logo" width="200" height="70">
<!-- Navigation Bar -->
<nav>
<ul>
<li><a href="index.html#home">Home</a></li>
<li><a href="index.html#about">About Me</a></li>
<li><a href="index.html#services">Portfolio</a></li>
<li><a href="index.html#contact">Contact</a></li>
</ul>
</nav>
</div>
<main>
<div class="body">
<h1 class="heading1">Machine Learning & Computing Projects Overview</h1>
<!-- Project 1: Image Transformation and Locality Analysis -->
<section>
<h2>Image Transformation and Locality Analysis</h2>
<p>Working in tandem in a pair programming setup, we delved into the efficiency of various data blocking techniques on the execution time of complex large-image transformations. Our journey involved crafting an image transformation tool, employing automated bash scripts for runtime data collection, and uncovering the intricate relationship between runtime efficiency and cache memory utilization.</p>
</section>
<!-- Project 2: Lossy Image Compression -->
<section>
<h2>Lossy Image Compression</h2>
<p>Through collaborative pair programming, we ventured into the realm of lossy image compression, engineering a set of modular algorithms tailored for compressing and decompressing images. Extensive tests revealed our method's superior capability in preserving information over multiple compression cycles, outperforming standard course algorithms.</p>
</section>
<!-- Project 3: Universal Machine Emulator ⭐ -->
<section>
<h2>Universal Machine Emulator</h2>
<p>In a challenging pair programming endeavor, we conceptualized and executed a universal machine emulator, supporting a minimalistic instruction set across a segmented memory architecture. Our hallmark achievement was 'fastum.c', a rendition that set new benchmarks for single-threaded emulation speed within our academic cohort.</p>
</section>
<!-- Project 4: RPN Calculator in Assembly -->
<section>
<h2>RPN Calculator in Assembly</h2>
<p>Our collaborative effort in pair programming led to the creation of a reverse polish notation (RPN) calculator, meticulously coded in UMASM, a pedagogical assembly language. This project was a direct extension of our work on the universal machine, showcasing our deepened understanding of low-level computing and instruction set architecture.</p>
</section>
</div>
</main>
<!-- Footer Section -->
<footer>
<div class="footer-content">
<a href="mailto:ella.lesperance@outlook.com">
<img src="email.png" alt="Email" width="40" height="40">
</a>
<a href="https://www.linkedin.com/in/yourprofile" target="_blank">
<img src="linkedin.png" alt="LinkedIn" width="40" height="40">
</a>
<a href="https://github.com/codebyellalesperance" target="_blank">
<img src="github.png" alt="Github" width="40" height="40">
</a>
</div>
</footer>
</body>
</html>