Add files via upload

MikeyLamb · Dec 7, 2023 · c5e99b4 · c5e99b4
1 parent e594240
commit c5e99b4
Show file tree

Hide file tree

Showing 21 changed files with 521 additions and 0 deletions.
diff --git a/docs/CV.pdf b/docs/CV.pdf
diff --git a/docs/Confusion.png b/docs/Confusion.png
diff --git a/docs/EuroVid.MOV b/docs/EuroVid.MOV
diff --git a/docs/Euro_tour.jpg b/docs/Euro_tour.jpg
diff --git a/docs/Grape Detection WC.png b/docs/Grape Detection WC.png
diff --git a/docs/Grape Test WC.png b/docs/Grape Test WC.png
diff --git a/docs/LULC_Kilala.jpeg b/docs/LULC_Kilala.jpeg
diff --git a/docs/Test 1.png b/docs/Test 1.png
diff --git a/docs/Test 2.png b/docs/Test 2.png
diff --git a/docs/Visual training.png b/docs/Visual training.png
diff --git a/docs/contact.html b/docs/contact.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="utf-8"> 
+    <title>Contact</title>
+    <link rel= "stylesheet" href="style.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <link rel="icon" type="image/png" sizes="32x32" href="icons_32.png">
+</head>
+
+<body>
+
+    <!-- Header -->
+    <header>
+        <h1><a class="HTMLRef" href="index.html">Michael Lambrecht</a></h1>
+        <ul class="nav-links">
+      <li class="OtherPage">  <a class="HTMLRef" href="index.html">Home</a></li>
+      <li class="OtherPage"><a class="HTMLRef" href="projects.html">Projects</a></li>
+      <li class="CurPage"><a class="HTMLRef" href="contact.html">Contact</a></li>
+    </ul>
+    </header>
+
+     <!-- Short Paragraph -->
+    <h2 style="margin-top: 120px; margin-bottom: 10px">My contact details are:</h2>
+
+    <div class="contact-details">
+                <!-- LinkedIn -->
+                <div class="contact-item">
+                    <a href="https://www.linkedin.com/in/michaellambrecht2" target="_blank">
+                        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/ca/LinkedIn_logo_initials.png/768px-LinkedIn_logo_initials.png" alt="LinkedIn Logo">
+                    </a>LinkedIn
+                </div>
+
+                <!-- GitHub -->
+                <div class="contact-item">
+                    <a href="https://github.com/MikeyLamb" target="_blank">
+                        <img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" alt="GitHub Logo">
+
+                    </a>GitHub
+                </div>
+
+                <!-- Email -->
+                <div class="contact-item">
+                    <a href="mailto:[email protected]">
+                        <i class="fa fa-envelope"></i>
+                        Email
+                    </a>
+                </div>
+            </div>
+
+
+
+
+
+</body>
+
+</html>
diff --git a/docs/icons_32.png b/docs/icons_32.png
diff --git a/docs/index.html b/docs/index.html
@@ -0,0 +1,124 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="utf-8">
+    <title>Michael Lambrecht</title>
+    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="icon" type="image/png" sizes="32x32" href="icons_32.png">
+
+</head>
+
+<body>
+
+    <!-- Header -->
+<header>
+    <h1><a class="HTMLRef" href="index.html">Michael Lambrecht</a></h1>
+    <ul class="nav-links">
+        <li class="CurPage"><a class="HTMLRef" href="index.html">Home</a></li>
+        <li class="OtherPage"><a class="HTMLRef" href="projects.html">Projects</a></li>
+        <li class="OtherPage"><a class="HTMLRef" href="contact.html">Contact</a></li>
+    </ul>
+</header>
+
+
+
+<!-- Profile Picture and Interests -->
+<div style="margin-top: 100px; display: flex;" class="profile-container">
+    <div>
+        <!-- Profile Picture -->
+        <img class="profile-pic" src="profile_picture.JPEG" alt="Your Profile Picture">
+    </div>
+    <div class="interests" style="">
+        <!-- Interests Section -->
+        <h2 style="margin-bottom: 10px; ">Interests</h2>
+        <ul style="list-style-type: disc;">
+            <li>Remote Sensing</li>
+            <li>Machine Learning</li>
+            <li>Geographic Information Systems</li>
+            <li>Environmental management</li>
+            <li>Sustainable Agriculture</li>
+            <li>Land Use Land Cover</li>
+        </ul>
+    </div>
+</div>
+
+
+    <!-- Description of Myself -->
+    <div class="about-me">
+        <h2>About Me</h2>
+        <p>
+            A dual South African and German national with a first-class MSc in the Environment and Sustainability at the University of Cape Town (UCT). Interested in applying advanced remote sensing data analysis techniques to the fields of conservation and environmental management. Skilled in using GIS software as well as data analysis using R Studio. Learning Python programming, Google Earth Engine, machine learning, and deep learning. Comfortable working in remote environments.
+        </p>
+
+
+        <h2 style="margin-top: 60px;">Published research</h2>
+        <p>Lambrecht, M., Sowman, M. and Day, K., 2023. South Africa’s EIA Screening Tool: A preliminary study of how users perceive its accuracy and utility. Impact Assessment and Project Appraisal, 41(2), pp.102-113.</p>
+
+        <!-- Contact Details -->
+
+            <div class="contact-details">
+                <!-- LinkedIn -->
+                <div class="contact-item">
+                    <a href="https://www.linkedin.com/in/michaellambrecht2" target="_blank">
+                        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/ca/LinkedIn_logo_initials.png/768px-LinkedIn_logo_initials.png" alt="LinkedIn Logo">
+                    </a>LinkedIn
+                </div>
+
+                <!-- GitHub -->
+                <div class="contact-item">
+                    <a href="https://github.com/MikeyLamb" target="_blank">
+                        <img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" alt="GitHub Logo">
+
+                    </a>GitHub
+                </div>
+
+                <!-- Email -->
+                <div class="contact-item">
+                    <a href="mailto:[email protected]">
+                        <i class="fa fa-envelope"></i>
+                        Email
+                    </a>
+                </div>
+            </div>
+    <!-- CV Attachment -->
+    <a id="cv-link" href="CV.pdf" style="margin-bottom: 10px; margin-top: 50px;" download>Download CV</a>
+            <!-- Line -->
+
+            <div class="line"></div>
+
+
+<h2 style="margin-top: 60px; margin-bottom: 20px; text-align: center;">Hobbies</h2>
+<div style="display: flex; flex-wrap: wrap; justify-content: center; max-width: 400px; margin: 0 auto;">
+    <div style="margin: 10px; text-align: center;">
+        <i class="fas fa-bicycle"></i><br>Cycling
+    </div>
+    <div style="margin: 10px; text-align: center;">
+        <i class="fas fa-running"></i><br>Running
+    </div>
+    <div style="margin: 10px; text-align: center;">
+        <i class="fas fa-campground"></i><br>Camping
+    </div>
+    <div style="margin: 10px; text-align: center;">
+        <i class="fa-solid fa-mountain"></i><br>Rock climbing
+    </div>
+</div>
+
+
+
+
+
+
+            </div>
+
+    <!-- Line -->
+    <div style="margin-bottom: 100px;"></div>
+
+
+
+</body>
+
+</html>
diff --git a/docs/output 2.png b/docs/output 2.png
diff --git a/docs/output 3.png b/docs/output 3.png
diff --git a/docs/output 4.png b/docs/output 4.png
diff --git a/docs/output 5.png b/docs/output 5.png
diff --git a/docs/output.png b/docs/output.png
diff --git a/docs/profile_picture.JPEG b/docs/profile_picture.JPEG
diff --git a/docs/projects.html b/docs/projects.html
@@ -0,0 +1,166 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="utf-8"> 
+    <title>Projects</title>
+    <link rel= "stylesheet" href="style.css">
+    <link rel="icon" type="image/png" sizes="32x32" href="icons_32.png">
+</head>
+
+<body>
+
+    <!-- Header -->
+    <header>
+        <h1><a class="HTMLRef" href="index.html">Michael Lambrecht</a></h1>
+        <ul class="nav-links">
+      <li class="OtherPage">  <a class="HTMLRef" href="index.html">Home</a></li>
+      <li class="CurPage"><a class="HTMLRef" href="projects.html">Projects</a></li>
+      <li class="OtherPage"><a class="HTMLRef" href="contact.html">Contact</a></li>
+    </ul>
+    </header>
+    <h1 style=" margin-top: 120px;">LULC Machine Learning for Kilala, Kenya</h1>
+
+    <!-- Short Paragraph -->
+    <p style="width: 60%; text-align: justify; margin: 0 auto; margin-top: 20px;">
+        I created and ran two machine learning techniques for a farming region near the town of Kilala, a major maize growing region in Kenya. Here I used QGIS to create training input data and validation data and then used R Studio to run the SVM and RF machine learning models and to calculate the results based on the validation dataset.</p>
+
+    <!-- Image -->
+    <img style="width:60%" src="LULC_Kilala.jpeg" alt="Your Image Description">
+
+    <!-- Line -->
+    <div style="margin-bottom: 50px; margin-top: 50px;" class="line"></div>
+
+    <h1>TensorFlow Binary Classification of Grape Crowing Regions in Wellington, South Africa</h1>
+
+<!-- Short Paragraph -->
+    <p style="width: 60%; text-align: justify; margin: 0 auto; margin-top: 20px;">
+        As part of tutorial on Deep Learning for remote sensing I worked with a TensorFlow and a U-Net model to detect a binary class of agricultural fields in the Western Cape, South Africa. This model is rather basic using 4 Sentinel 2 bands (2, 3, 4, and 8) with a batch size of 64, data augmentation of 3 (by rotation and scaling) but with early stopping and checkpointing to avoid overfitting. The accuracy was not great with more data and layers needed to develop greater accuracy. In addition, the training data accuracy can be improved.</p>
+
+    <!-- Images side by side -->
+    <div style="display: flex; justify-content: center; margin-top: 20px;">
+        <!-- Image 1 -->
+        <div style="margin-right: 20px; text-align: center;">
+            <img src="Test 1.png" alt="Image 1" style="width: 250px; height: 250px; display: block; margin: 0 auto;">
+            <p style="margin-top: 10px; padding: 0;">Sample tile input</p>
+        </div>
+
+        <!-- Image 2 -->
+        <div style="margin-left: 20px; text-align: center;">
+            <img src="Test 2.png" alt="Image 2" style="width: 250px; height: 250px; display: block; margin: 0 auto;">
+            <p style="margin-top: 10px; padding: 0;">Sample tile mask</p>
+        </div>
+    </div>
+
+    <!-- Short Paragraph -->
+    <p style="width: 60%; text-align: justify; margin: 0 auto;">
+        Below is a random sample tile showing the estimation of crop land. The area tested is a major grape growing region and so this output is an estimation of the grape growing areas in a neighbouring area. The model is not operational as the accuracy is too low. I am working on increasing the sample size to improve accuracy.
+        </p>
+
+<!-- Images side by side -->
+    <div style="display: flex; justify-content: center; margin-top: 20px;">
+        <!-- Image 1 -->
+        <div style="margin-right: 20px; text-align: center;">
+            <img src="Grape Test WC.png" alt="Image 1" style="width: 250px; height: 250px; display: block; margin: 0 auto;">
+            <p style="margin-top: 10px; padding: 0;">Sample of test data</p>
+        </div>
+
+        <!-- Image 2 -->
+        <div style="margin-left: 20px; text-align: center;">
+            <img src="Grape Detection WC.png" alt="Image 2" style="width: 250px; height: 250px; display: block; margin: 0 auto;">
+            <p style="margin-top: 10px; padding: 0;">Grape prediction</p>
+        </div>
+    </div>
+
+
+    <!-- Line -->
+    <div style="margin-bottom: 50px; margin-top: 50px;" class="line"></div>
+
+
+<h1>ResNet50 Model Classification of Satellite Images from EuroSat</h1>
+    <!-- Short Paragraph -->
+    <p style="width: 60%; text-align: justify; margin: 0 auto; margin-top: 20px;">
+        I ran 20 epochs of a ResNet50 model as an experimentation of training a model to classify satellite images. I used the EuroSat database to train and test the model. 
+        </p>
+
+<!-- Images side by side -->
+    <div style="display: flex; justify-content: center; margin-top: 20px;">
+        <!-- Image 1 -->
+        <div style="margin-right: 20px; text-align: center;">
+            <img src="output.png" alt="Image 1" style="width: 300px; height: 300px; display: block; margin: 0 auto;">
+            <p style="margin-top: 10px; padding: 0;">Input data visualisation</p>
+        </div>
+
+        <!-- Image 2 -->
+        <div style="margin-left: 20px; text-align: center;">
+            <img src="Confusion.png" alt="Image 2" style="width: 300px; height: 300px; display: block; margin: 0 auto;">
+            <p style="margin-top: 10px; padding: 0;">Confusion matrix</p>
+        </div>
+    </div>
+
+
+    <!-- Line -->
+    <div style="margin-bottom: 50px; margin-top: 50px;" class="line"></div>
+
+    <h1 style=" margin-top: 80px;">PyTorch tutorial on image classification using Neural Networks</h1>
+
+
+
+     <!-- Short Paragraph -->
+    <p style="width: 60%; text-align: justify; margin: 0 auto; margin-top: 20px;">
+    I followed a tutorial on applying PyTorch and a DenseNet model to classify satellite images according to four classes: water, desert, green area, and clouds. <a href="https://medium.com/analytics-vidhya/pytorch-satellite-image-classification-using-neural-networks-47f2cd1f7d82" target="_blank" style="color: blue; text-decoration: underline;">A link</a> to the tutorial can be found here.
+    </p>
+
+
+
+<!-- Images side by side -->
+    <div style="display: flex; justify-content: center; margin-top: 20px;">
+        <!-- Image 1 -->
+        <div style="margin-right: 20px; text-align: center;">
+            <img src="Visual training.png" alt="Image 1" style="width: 300px; height: 300px; display: block; margin: 0 auto;">
+            <p style="margin-top: 10px; padding: 0;">Input data visualisation</p>
+        </div>
+
+        <!-- Image 2 -->
+        <div style="margin-left: 20px; text-align: center;">
+            <img src="output 2.png" alt="Image 2" style="height: 75px; display: block; margin: 0 auto;">
+            <img src="output 3.png" alt="Image 2" style="height: 75px; display: block; margin: 0 auto;">
+            <img src="output 4.png" alt="Image 2" style="height: 75px; display: block; margin: 0 auto;">
+            <img src="output 5.png" alt="Image 2" style="height: 75px; display: block; margin: 0 auto;">
+
+            <p style="margin-top: 10px; padding: 0;">Output estimation</p>
+        </div>
+    </div>
+
+
+    <!-- Line -->
+    <div style="margin-bottom: 50px; margin-top: 50px;" class="line"></div>
+
+
+    <h1 style=" margin-top: 80px;">A webmap showing the mining on the West Coast of South Africa.</h1>
+
+
+
+     <!-- Short Paragraph -->
+    <p style="width: 60%; text-align: justify; margin: 0 auto; margin-top: 20px; margin-bottom: 50px;">
+    Current applications and approved operations for mining and oil and gas on the West Coast, South Africa Data gathered and synthesised by One Ocean Hub Research Group, Department of Environmental and Geographical Science, UCT. Disclaimer: This map is subject to constant updates based on available information. However, the accuracy of the polygons and the metadata cannot be guaranteed.
+Map compiled by Michael Lambrecht (November 2023).<a href="https://medium.com/analytics-vidhya/pytorch-satellite-image-classification-using-neural-networks-47f2cd1f7d82" target="_blank" style="color: blue; text-decoration: underline;">A link</a> to the tutorial can be found here.
+    </p>
+
+    <iframe src="https://mikeylamb.github.io/RSAMiningMap/" style="width: 80%; height: 500px; border: none;"></iframe>
+
+
+    <div style="margin-bottom: 50px; margin-top: 50px;" class="line"></div>
+
+</body>
+
+</html>
+
+
+
+
+
+
+