Skip to content

Commit

Permalink
layout of project pages + minimal description
Browse files Browse the repository at this point in the history 
post-portfolio review/advice from workshop
  • Loading branch information
@emmalim
emmalim authored Mar 6, 2024
1 parent 41baf09 commit 71ad1ec
Show file tree
Hide file tree
Showing 8 changed files with 126 additions and 30 deletions.
2 changes: 1 addition & 1 deletion about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<link href="css/style.css" rel="stylesheet">
<link href="css/switch.css" rel="stylesheet">
<link href="css/slideshow.css" rel="stylesheet">
<link rel="icon" type="image/x-icon" href="images/favicon.png">
<link rel="icon" type="image/x-icon" href="images/websiteLogo.png">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">

<title>ABOUT</title>
Expand Down
31 changes: 29 additions & 2 deletions css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -70,12 +70,22 @@ h1{
padding-top: 2%;
border-bottom: solid;
border-top: solid;
font-size:2em;
}

h2{
font-weight: bold;
font-size: 2.5em;
margin-top:0;
padding-top: 5%;
}

h4{
font-size: 1.15em;
font-size: 1.5em;
margin-bottom: 0.2em;
margin-top: 0;
font-family:"Oswald","Helvetica",sans-serif;
font-weight:500;
}

#textLink{
Expand Down Expand Up @@ -312,7 +322,8 @@ nav {


.develop{
padding-bottom: 2%;
margin-bottom: 2%;
padding-bottom:2%;
}


Expand All @@ -327,6 +338,22 @@ nav {
padding-left: 2%;
}

/*CSS for project description box*/
.projDesc{
display:flex;
margin-bottom:5%;
}
.projDesc p{
margin:0;
}

.projDescCol{
width:33%;
display:inline-block;
padding-right:10%;
}


/*tried to change the work gallery image on hover, this isn't working though*/
#testBlock{
background-image: url("/images/work/VR/gallery_VR_0") no-repeat;
Expand Down
Binary file added images/favicon2.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/websiteLogo.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 2 additions & 2 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/style.css" rel="stylesheet">
<link rel="icon" type="image/x-icon" href="images/favicon.png">
<link rel="icon" type="image/x-icon" href="images/websiteLogo.png">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">

<title>EMMA LIM</title>
Expand Down Expand Up @@ -88,7 +88,7 @@ <h3>Hi, I'm Emma</h3>
</div>

<div class="thumbnail" id="projPicDesktop" style="float: left;">
<a href="lidartours.html">
<a href="welleseats.html">
<img id="gallery" src="images/work/wendi/wendiPic2Large.png" alt="WENDI screen displayed on Macbook">
</a>
</div>
Expand Down
2 changes: 1 addition & 1 deletion inverse.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/style.css" rel="stylesheet">
<link rel="icon" type="image/x-icon" href="images/favicon.png">
<link rel="icon" type="image/x-icon" href="images/websiteLogo.png">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">

<title>WellesEats (2023)</title>
Expand Down
57 changes: 45 additions & 12 deletions welleseats.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/style.css" rel="stylesheet">
<link rel="icon" type="image/x-icon" href="images/favicon.png">
<link rel="icon" type="image/x-icon" href="images/websiteLogo.png">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap" rel="stylesheet">
<title>WellesEats (2023)</title>
Expand Down Expand Up @@ -46,25 +46,58 @@ <h1 style="text-align:center"><a href="index.html" style="text-decoration:none">
<div id="projInfo">



<h3 class="workHeading">SYNOPSIS</h3>
<p><em>WellesEats (2023)</em> CHANGE TEXT HERE.</p>
<h2 class="workHeading">BACKGROUND</h2>
<div class="projDesc">
<div class="projDescCol">
<h4>ROLE</h4>
<p>UI Designer and Full-Stack Developer in a team of 2</p>
</div>
<div class="projDescCol">
<h4>TOOLS</h4>
<p>React Native</p>
<p>Javascript</p>
<p>Firebase</p>
</div>
<div class="projDescCol">
<h4>TIMELINE</h4>
<p>1 month</p>
</div>
</div>

<div class="develop">
<h4>Overview</h4>
<p>Describe here</p>
</div>

<div class="develop">
<h4>Problem Statement</h4>
<p>Food quality at Wellesley’s dining halls can vary greatly depending on the meal/location and the Wellesley Fresh online menus don’t always accurately display what is being served. </p>
</div>

<div class="develop">
<h4>Project Goals</h4>
<p>WellesEat aims to give students a centralized social platform that provides them with more information about the food being served for each meal in addition to giving feedback on the food they’ve eaten. It serves to supplement the AVI online menus that currently exists with student reviews rather than replace it or recreate it.</p>
</div>

<p><b>Tools:</b> Blender &#8226; Sketchfab &#8226; Polycam</p>

<h3 class="workHeading">DEVELOPMENT</h3>

<h2 class="workHeading">DEVELOPMENT</h2>
<div class="develop">
<h4>PART 1: 3D SCANNING</h4>
<p>TEXT HERE</p>
<h4>Ideation</h4>
<p>TEXT HERE</p>
</div>

<div class="develop">
<h4>PART 2: UPLOAD TO BLENDER AND IMPLEMENTING IN VR</h4>
<p>TEXT HERE</p>
<h4>Prototyping</h4>
<p>TEXT HERE</p>
</div>

<div class="develop">
<h4>Coding</h4>
<p>TEXT HERE</p>
</div>

<div class="develop">
<h4>PART 3: CLEANING THE 3D MODEL</h4>
<h4>Reflection</h4>
<p>TEXT HERE</p>
</div>
</div>
Expand Down
60 changes: 48 additions & 12 deletions wendi.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/style.css" rel="stylesheet">
<link rel="icon" type="image/x-icon" href="images/favicon.png">
<link rel="icon" type="image/x-icon" href="images/websiteLogo.png">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap" rel="stylesheet">
<title>WENDI (2023)</title>
Expand Down Expand Up @@ -48,25 +48,61 @@ <h1 style="text-align:center"><a href="index.html" style="text-decoration:none">
<div id="video" style="text-align: center">
<img id="viewImage" src="images/work/wendi/wendiPic2Large.png" alt="WENDI screen displayed on Macbook">
</div>

<h3 class="workHeading">SYNOPSIS</h3>
<p><em>WENDI (2023)</em> CHANGE TEXT HERE.</p>

<p><b>Tools:</b> Blender &#8226; Sketchfab &#8226; Polycam</p>

<h3 class="workHeading">DEVELOPMENT</h3>


<h2 class="workHeading">BACKGROUND</h2>
<div class="projDesc">
<div class="projDescCol">
<h4>ROLE</h4>
<p>Full-Stack Developer in a team of 4</p>
</div>
<div class="projDescCol">
<h4>TOOLS</h4>
<p>Python</p>
<p>HTML/CSS</p>
<p>MySQL</p>
<p>Flask</p>
</div>
<div class="projDescCol">
<h4>TIMELINE</h4>
<p>3 months</p>
</div>
</div>

<div class="develop">
<h4>PART 1: 3D SCANNING</h4>
<p>TEXT HERE</p>
<h4>Overview</h4>
<p>The Wellesley Evaluation Network for Dorm Information (WENDI) is a web tool designed to streamline the housing selection journey. WENDI facilitates effortless navigation through campus housing options, enhanced by genuine peer reviews and data inputs from fellow students. This tool allows users to report and share insights about the rooms they and their peers have lived in, offering a rich source of real-world data and experiences. Students seeking room insights will find a wealth of information, while those wanting to share experiences have a platform to amplify their voices.</p>
</div>

<div class="develop">
<h4>Problem Statement</h4>
<p>Describe what the problem statement is here</p>
</div>

<div class="develop">
<h4>PART 2: UPLOAD TO BLENDER AND IMPLEMENTING IN VR</h4>
<h4>Project Goals</h4>
<p>TEXT HERE</p>
</div>


<h2 class="workHeading">DEVELOPMENT</h2>
<div class="develop">
<h4>Ideation</h4>
<p>TEXT HERE</p>
</div>

<div class="develop">
<h4>Prototyping</h4>
<p>TEXT HERE</p>
</div>

<div class="develop">
<h4>Coding</h4>
<p>TEXT HERE</p>
</div>

<div class="develop">
<h4>PART 3: CLEANING THE 3D MODEL</h4>
<h4>Reflection</h4>
<p>TEXT HERE</p>
</div>
</div>
Expand Down

0 comments on commit 71ad1ec

Please sign in to comment.