PageSourceSearch

https://www.benropple.com/

html benropple.com collected 2026-10-07 19:04:35 UTC 7,382 bytes, 296 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6  <meta http-equiv="X-UA-Compatible" content="ie=edge">
7  <!--Favicon-->
8  <link rel="shortcut icon" href="/assets/icon.png" type="image/x-icon">
9
10  <!-- Font Awesome -->
11  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.9.0/css/all.css"
12    integrity="sha384-i1LQnF23gykqWXg6jxC2ZbCbUMxyw5gLZY6UiUS98LYV5unm8GWmfkIS6jqJfb4E" crossorigin="anonymous">
13
14  <!-- Spoqa Han Sans -->
15  <link href='//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css' rel='stylesheet' type='text/css'>
16
17  <!-- CSS -->
18  <link rel="stylesheet" href="/assets/css/main.css">
19
20  <!-- OG Tag -->
21  
22  <meta name="title" content="Benjamin Ropple" />
23  <meta name="author" content="Benjamin Ropple" />
24  <meta name="keywords" content="" />
25  <meta name="description" content="" />
26  <meta name="robots" content="index,follow" />
27
28  <meta property="og:title" content="Benjamin Ropple" />
29  <meta property="og:description" content="" />
30  <meta property="og:type" content="website, blog" />
31  <meta property="og:image"
32    content="https://www.benropple.com/assets/img/profile.jpg" />
33  <meta property="og:site_name" content="Benjamin Ropple" />
34  <meta property="og:url" content="https://www.benropple.com/" />
35
36  <meta name="twitter:card" content="summary" />
37  <meta name="twitter:title" content="Benjamin Ropple" />
38  <meta name="twitter:description" content="" />
39  <meta name="twitter:image"
40    content="https://www.benropple.com/assets/img/profile.jpg" />
41
42  <title>Benjamin Ropple</title>
43</head>
44<body>
45  <div class="container">
46    <div id="home">
47  <!-- Responsive Header -->
48  <section id="header-nav">
49    
50
51<header>
52  <nav>
53    <ul>
54      
55      <!-- others -->
56      <a href="https://www.benropple.com">
57        <li class="current btn-nav">Main</li>
58      </a>
59      <a href="https://www.benropple.com/portfolio">
60        <li class="btn-nav">Portfolio</li>
61      </a>
62      <a href="https://www.benropple.com/tags">
63        <li class="btn-nav">Tags</li>
64      </a>
65      <!--<ul id="icons">
66            
67
68<li>
69  <a href="mailto:[email protected]">
70    <i class="fas fa-envelope"></i>
71  </a>
72</li>
73
74
75
76<li>
77  <a href="https://www.linkedin.com/in/benjamin-ropple-66aaa1124/" target="_blank">
78    <i class="fab fa-linkedin"></i>
79  </a>
80</li>
81
82
83
84<li>
85  <a href="https://github.com/bropple" target="_blank">
86    <i class="fab fa-github"></i>
87  </a>
88</li>
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105      </ul>-->
106      
107    </ul>
108  </nav>
109</header>
110
111  </section>
112  <section id="header-content">
113    <h1>Benjamin Ropple</h1>
114  </section>
115  <section class="bg"></section>
116  <div class="row">
117    <!-- Aside Navigation  -->
118    <aside id="aside" class="col-md-4"> <!--style="background-color:#003263; border: 5px solid #B0D7FF"-->
119      <!-- User Profile -->
120<div id="profile">
121  
122  <a href="/portfolio">
123    <div class="img-wrap">
124      <img src="/assets/img/profile.jpg" alt="profile-image">
125    </div>
126  </a>
127  <p class="username">Benjamin Ropple</p>
128  <p class="description">B.S. Electrical Engineering</p>
129
130  <!-- Social icons from Font Awesome -->
131  <ul id="icons">
132    
133
134<li>
135  <a href="mailto:[email protected]">
136    <i class="fas fa-envelope"></i>
137  </a>
138</li>
139
140
141
142<li>
143  <a href="https://www.linkedin.com/in/benjamin-ropple-66aaa1124/" target="_blank">
144    <i class="fab fa-linkedin"></i>
145  </a>
146</li>
147
148
149
150<li>
151  <a href="https://github.com/bropple" target="_blank">
152    <i class="fab fa-github"></i>
153  </a>
154</li>
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171  </ul>
172</div>
173<!-- Tag Navigation -->
174<div id="tag-wrap">
175  <!--<a href="https://www.benropple.com/tags">
176    <p class="title">TAGS</p>
177  </a>
178  
179  <a href="/tags#Quick Projects">
180    <span class="tag">Quick Projects</span>
181  </a>
182  
183  <a href="/tags#ESP-32">
184    <span class="tag">ESP-32</span>
185  </a>
186  
187  <a href="/tags#ESP32-CAM">
188    <span class="tag">ESP32-CAM</span>
189  </a>
190  
191  <a href="/tags#Camera">
192    <span class="tag">Camera</span>
193  </a>
194  
195  <a href="/tags#Hummingbirds">
196    <span class="tag">Hummingbirds</span>
197  </a>
198  -->
199</div>
200<!-- Project -->
201<div id="proj-wrap">
202  <a href="https://www.benropple.com/portfolio#projects" >
203    <p class="title">PROJECTS</p>
204    <hr class="proj-hr">
205    
206    
207    
208    <div class="proj-content">
209      <div class="proj-title">PiSynth</div>
210      <div class="meta">1/7/2020</div>
211    </div>
212    <hr class="proj-hr">
213    
214    
215  </a>
216</div>
217
218    </aside>
219    <!-- Post List -->
220    <section id="posts" class="col-md-8">
221    
222     <p>    <br/>
223            
224            <h2> About Me </h2>
225            <br/>
226            Hi, my name is Ben Ropple.  I'm a recent graduate of the University of Maine in Orono, ME.  I graduated with a Bachelor of Science degree in Electrical Engineering.
227            
228            <br/><br/>
229            
230           The projects I've worked on, my skill-set, and various links are all listed on my <a class="plink" href="https://www.benropple.com/portfolio"  >portfolio page</a>. More detailed information is available on my <a class="plink" href="https://www.linkedin.com/in/benjamin-ropple-66aaa1124/" target="_blank">LinkedIn profile</a>.
231            
232            <br/><br/>
233            
234            I am looking to begin my professional career in Electrical Engineering, predominantly in the power and embedded systems fields. Feel free to contact me via  <a class="plink" href="mailto:[email protected]"  >e-mail </a>  or <a class="plink" href="https://www.linkedin.com/in/benjamin-ropple-66aaa1124/" target="_blank">LinkedIn</a>.
235            
236            <br/><br/>
237            
238            This site also serves as my blog, where I will post short, informal write-ups of the projects I work on in my free time. These projects are listed below as they are posted!
239            
240     </p>
241     
242      
243      <div class="post">
244        <a href="/2020/09/01/hummingbird-cam.html">
245          <div class="post-wrap">
246            <div class="text-warp">
247              <h3 class="title">Hummingbird Cam - Version 1</h3>
248              <p class="excerpt">
249                
250                The Hummingbird Cam is a motion-triggered camera, featuring an ESP32-CAM development board and a passive infrared sensor.
251                
252              </p>
253              <div>
254                <span class="meta">
255                  September 1, 2020
256                </span>
257                <ul class="tag-wrap">
258                  
259                  <a href="/tags#Quick+Projects">
260                    <li class="tag-sm">Quick Projects</li>
261                  </a>
262                  
263                  <a href="/tags#ESP-32">
264                    <li class="tag-sm">ESP-32</li>
265                  </a>
266                  
267                  <a href="/tags#ESP32-CAM">
268                    <li class="tag-sm">ESP32-CAM</li>
269                  </a>
270                  
271                  <a href="/tags#Camera">
272                    <li class="tag-sm">Camera</li>
273                  </a>
274                  
275                  <a href="/tags#Hummingbirds">
276                    <li class="tag-sm">Hummingbirds</li>
277                  </a>
278                  
279                </ul>
280              </div>
281            </div>
282            
283          </div>
284        </a>
285      </div>
286      
287      <!-- Pagination -->
288      
289    </section>
290  </div>
291</div>
292
293  </div>
294</body>
295
296</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.