-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
87 lines (76 loc) · 4.48 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
<!DOCTYPE html>
<html>
<head>
<title>Rise Project</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<header>
<h1>Rise Portfolio</h1>
</header>
<nav>
<ul>
<li><a href="#project">Project</a></li>
<li><a href="#handbook">Handbook</a></li>
<li><a href="#design_link">Onshape Links</a></li>
<li><a href="#portfolio">Design Portfolio</a></li>
</ul>
</nav>
<main>
<section id="project">
<h2>Project</h2>
<p>The goal of my Rise project is to create sustainable, accessible, and affordable mechanical learning kits for disadvantages middle school students to eliminate the inequality and ascertain that the soul of science and technology reaches everyone around the globe regardless of their income, race, gender, or the place that they were born.</p>
<p>Learning kit constitutes of 3 different prototypes as shown below and you can access all photos taken from the prototyping, including slicer photos, failed prints, and the printing process of this project here: https://drive.google.com/drive/folders/17MDvMJTzTZFlLO1_5JVJDLhwtZXpbZcZ </p>
<div class="image-grid">
<div class="image-card">
<img src="photos/IMG_5943.jpg" alt="image 1" onclick="enlargeImage(event)" style="width:600px; height:400px;">
<div class="image-caption">
<h3>Nut and Bolt</h3>
<p>This is a nut and bolt I created particulary to interest my target audience. In contrast to a traditional bolt, it has 10 entrances which makes it fascinating to play with. I was obsessed with playing it. </p>
</div>
</div>
<div class="image-card">
<img src="photos/IMG_5955.jpg" alt="image 2" onclick="enlargeImage(event)" style="width:600px; height:400px;">
<div class="image-caption">
<h3>Gear Reduction System</h3>
<p>The design enables students to experiment the mechanical concept of gear reduction which empowered humanity from the start of the Industrial Revolution which is being used in engines and various applications ever since. There are 5 stages in total and each gear is free to rotate on its own.</p>
</div>
</div>
<div class="image-card">
<img src="photos/IMG_5962.jpg" alt="image 3" onclick="enlargeImage(event)" style="width:600px; height:400px;">
<div class="image-caption">
<h3>Model Plane</h3>
<p>I had to incorporate engineering to entertainment which would attract the attention of students, but also link the mechanical concepts to these designs. Thus, I imagined a toy plane which would utilize the nut and bolt system to assemble and have the gear reduction system to turn its propeller</p>
</div>
</div>
<!-- Additional image cards here -->
</div>
</section>
<section id="handbook">
<h2>Handbook</h2>
<p>The digital copy of the handbook enabling students relate and form connections between applications of these parts, explaining the design and prototyping process can ben found below</p>
<ul>
<li><a href="https://docs.google.com/document/d/1zaYnfThKcmJyf8ewSqlx__ewSFU2fSfMbYNBiGZhEvg/edit">Turkish Version</a></li>
<li><a href="https://drive.google.com/file/d/1NZzrs6A2rFPArVkrZyjvmXgHOqTrTUh-/view?usp=sharing">PDF Version</a></li>
</ul>
</section>
<section id="design_link">
<h2>Onshape Design Links</h2>
<p>You may find all the design links below:</p>
<ul>
<li><a href="https://cad.onshape.com/documents/b4babb7454e48f00662e43bb/w/6c8fd43d252e442a960b404c/e/6b335ead95c63aae4a985034">Aesthetic Nut and Bolt</a></li>
<li><a href="https://cad.onshape.com/documents/d729db7223404d7492737502/w/143fc097ef120a5b9206e420/e/77a7caceeb9cc22f3c6a1b2e">Gear Reduction System</a></li>
<li><a href="https://cad.onshape.com/documents/d93437d3a5bbf89bb5401f5d/w/36f7ccdf1194b55a2b622ccf/e/a36bc2aa37e3d5feec83c58e">Configurable Plane Model</a></li>
</ul>
</section>
<section id="portfolio">
<h2>Design Portfolio</h2>
<a href="https://drive.google.com/drive/folders/1O5nSkt8lj-IldmHZv4N-kjys440t3EWy?usp=sharing">Link to the Drive</a>
</section>
<p> Thank you for visiting :)</p>
</main>
<footer>
<p>Copyright © 2023 Rise Portfolio</p>
</footer>
</body>
</html>