zanderman
commented
2 years ago Below is an example of what the HTML page should loosely look like.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ECE-MDE Sample Team Page</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
text-indent: 0;
}
.s1 {
color: black;
font-family: "Times New Roman", serif;
font-style: normal;
font-weight: normal;
text-decoration: none;
font-size: 8pt;
}
h1 {
color: #83003F;
font-family: "Gineso Cond Bold", monospace;
font-style: normal;
font-weight: bold;
text-decoration: none;
font-size: 30pt;
}
.s2 {
color: #008891;
font-family: "Acherus Grotesque Regular", monospace;
font-style: normal;
font-weight: normal;
text-decoration: none;
font-size: 16pt;
}
.s3 {
color: #008891;
font-family: "Acherus Grotesque Regular", monospace;
font-style: normal;
font-weight: normal;
text-decoration: none;
font-size: 14pt;
}
.s4 {
color: #76777A;
font-family: "Acherus Grotesque Black";
font-style: normal;
font-weight: bold;
text-decoration: none;
font-size: 12pt;
}
.s5 {
color: #76777A;
font-family: "Acherus Grotesque Regular", monospace;
font-style: normal;
font-weight: normal;
text-decoration: none;
font-size: 12pt;
}
h2 {
color: #008891;
font-family: Calibri, sans-serif;
font-style: normal;
font-weight: bold;
text-decoration: underline;
font-size: 16pt;
}
.s6 {
color: #939598;
font-family: "Acherus Grotesque Regular", monospace;
font-style: normal;
font-weight: normal;
text-decoration: underline;
font-size: 14pt;
}
h4 {
color: #F57F28;
font-family: "Acherus Grotesque Black";
font-style: normal;
font-weight: bold;
text-decoration: none;
font-size: 12pt;
}
.h3, h3 {
color: #231F20;
font-family: Calibri, sans-serif;
font-style: normal;
font-weight: bold;
text-decoration: none;
font-size: 14pt;
}
.p, p {
color: #231F20;
font-family: "Times New Roman", serif;
font-style: normal;
font-weight: normal;
text-decoration: none;
font-size: 14pt;
margin: 0pt;
}
.s7 {
color: #939598;
font-family: "Arial Narrow", sans-serif;
font-style: normal;
font-weight: normal;
text-decoration: none;
font-size: 16pt;
}
.s9 {
color: #231F20;
font-family: "Arial Narrow", sans-serif;
font-style: normal;
font-weight: normal;
text-decoration: none;
font-size: 14pt;
}
</style>
</head>
<body>
<table>
<h1 style="text-align: center;">Power Adaptive Compute Nodes</h1>
<tbody>
<tr>
<td>
<figure>
<img width="100%" src="ECE-MDEprogram_Spring2022 26/Image_121.png" />
<figcaption class="s4" style="text-align: left;">
LEFT TO RIGHT: Ken Torres, Shannon Woolfolk, Andrew Beauchemin, Boyan Pan, Dave Anderson | SME: Jaime De La Ree Lopez
</figcaption>
</figure>
</td>
<td>
<b class="s2">CHALLENGE</b>
<h2 class="s3">Create a distributed computing network of at least 5 nodes in various locations, reliant on isolated solar power. Node coordination of data processing is determined by the power availability at each location.</h2>
</td>
</tr>
<tr>
<td ="width=50%">
<h2 style="padding-top: 5pt;padding-left: 54pt;text-indent: 0pt;text-align: left;">Dave Anderson <span class="s6">Alexandria, Va. </span></h2>
<h4 style="padding-top: 1pt;padding-left: 54pt;text-indent: 0pt;line-height: 110%;text-align: justify;">Bachelor of Science in Computer Engineering Chip-Scale Integration</h4>
<h3 style="padding-top: 4pt;padding-left: 54pt;text-indent: 0pt;line-height: 112%;text-align: left;">Aspirations: <span class="p">I want to continue learning about and developing software so that I can give back to the open source community whose efforts and examples have supported me from high school to college.</span></h3>
<h3 style="padding-top: 4pt;padding-left: 54pt;text-indent: 0pt;line-height: 112%;text-align: left;">Class Comment: <span class="p">This course gave me a better understanding of how project management can make or break a final result, as well as how to effectively make tradeoffs in the pursuit of a final product.</span></h3>
<h2 style="padding-top: 9pt;padding-left: 54pt;text-indent: 0pt;text-align: left;">Andrew Beauchemin <span class="s6">Fairfax Station, Va. </span></h2>
<h4 style="padding-top: 1pt;padding-left: 54pt;text-indent: 0pt;line-height: 110%;text-align: justify;">Bachelor of Science in Computer Engineering Networking & Cyber Security</h4>
<h3 style="padding-top: 4pt;padding-left: 54pt;text-indent: 0pt;line-height: 111%;text-align: left;">
Aspirations:
<span class="p">My career aspiration is to work in the cybersecurity industry or in software development.</span>
</h3>
<h3 style="padding-top: 4pt;padding-left: 54pt;text-indent: 0pt;line-height: 111%;text-align: left;">
Class Comment:
<span class="p">This course was interesting because it allowed me to balance my abilities with the requirements of a customer.</span>
</h3>
<h2 style="padding-top: 9pt;padding-left: 54pt;text-indent: 0pt;text-align: left;">
Boyan Pan
<span class="s6">Csangsha, China</span>
</h2>
<h4 style="padding-top: 1pt;padding-left: 54pt;text-indent: 0pt;line-height: 110%;text-align: justify;">Bachelor of Science in Electrical Engineering Bachelor of Science in Computer Engineering Robotics and Machine Learning</h4>
<h3 style="padding-top: 4pt;padding-left: 54pt;text-indent: 0pt;line-height: 113%;text-align: left;">Aspirations: <span class="p">I want to combine the software with hardware to integrate programs and algorithms that can only run on powerful devices like a server into all devices including embedded systems that consume milliwatts.</span></h3>
<h3 style="padding-top: 4pt;padding-left: 54pt;text-indent: 0pt;line-height: 112%;text-align: justify;">
Class Comment:
<span class="p">This course gives me a glimpse into working with an engineering team with different people handling different parts and customers with needs. It helps me to step closer to becoming an engineer.</span>
</h3>
</td>
<td>
<h2 style="padding-top: 5pt;padding-left: 5pt;text-indent: 0pt;text-align: left;">
Ken Torres
<span class="s6">Fairfax, Va.</span>
</h2>
<h4 style="padding-top: 1pt;padding-left: 5pt;text-indent: 0pt;line-height: 110%;text-align: left;">Bachelor of Science in Electrical Engineering Energy & Power Electronic Systems</h4>
<h3 style="padding-top: 4pt;padding-left: 5pt;text-indent: 0pt;line-height: 112%;text-align: left;">Aspirations: <span class="p">I would like to be a be a valuable contributor to a company focused on renewable energy generation and perhaps start my own company. My main goal is to leave the world a better place.</span></h3>
<p style="padding-top: 4pt;padding-left: 5pt;text-indent: 0pt;line-height: 113%;text-align: left;">C<span class="h3">lass Comment: </span>This course has provided valuable lessons and experience working on a team and seeing a customer’s project through from start to finish. Having the course continue over two semesters has allowed us to create a design we are proud of.</p>
<h2 style="padding-top: 8pt;padding-left: 5pt;text-indent: 0pt;text-align: left;">
Shannon Woolfolk
<span class="s6">Gainesville, Va.</span>
</h2>
<h4 style="padding-top: 1pt;padding-left: 5pt;text-indent: 0pt;line-height: 110%;text-align: left;">Bachelor of Science in Electrical Engineering Energy & Power Electronic Systems</h4>
<h3 style="padding-top: 4pt;padding-left: 5pt;text-indent: 0pt;line-height: 112%;text-align: justify;">
Aspirations:
<span class="p">I want to make green energy more accessible, sustainable, and efficient. I would love to see technology completely dependent on clean energy in the next couple decades.</span>
</h3>
<h3 style="padding-top: 4pt;padding-left: 5pt;text-indent: 0pt;line-height: 113%;text-align: left;">
Class Comment:
<span class="p">This course gave me a better understanding of how engineering, communication, and business will combine in industry. It helped me learn how to effectively demonstrate my work with stakeholders not directly involved with the project.</span>
</h3>
</td>
<p style="text-indent: 0pt;text-align: left;"><br /></p>
<p style="text-indent: 0pt;text-align: left;">
</p>
</tr>
</tbody>
</table>
<p></p><p></p><p></p><p></p>
<p class="s7" style="text-align: center;">
PROJECT SPONSOR:
<span style=" color: #83003F;">MATT GARDNER</span>
</p>
<p style="text-indent: 0pt;text-align: center;">
<span><img width="200" alt="image" src="ECE-MDEprogram_Spring2022 26/Image_154.jpg" /></span>
</p>
</body>
</html>
Overview
We need a tool that can generate a static HTML page for previewing team content that will be placed into the expo brochure.
Tasks