code-differently · anthonydmays · Oct 2, 2024 · Sep 24, 2024 · Sep 26, 2024 · Sep 26, 2024
diff --git a/lesson_01/chelseaogbonnia/index.html b/lesson_01/chelseaogbonnia/index.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <title>Read Me HTML</title>
+</head>
+<body>
+    <main>
+        <h1 id="personal-readme">Personal README</h1>
+    <section>
+        <h2 id="introduction">Introduction</h2>
+    <article>
+        <div>
+            <p>Hi there! I’m currently on my journey to becoming a full-stack software engineer. I enjoy solving problems and learning new technologies as I go. This README gives you a little insight into how I work best, what motivates me, and how I approach learning and collaboration.</p>
+        </div>
+    </article>
+    </section>
+    <section>
+        <h2 id="how-i-learn-best">How I Learn Best</h2>
+        <div>
+        <ul>
+            <li>Independent Learning: I prefer figuring things out on my own, and I enjoy working through challenges independently before reaching out for help. This allows me to build resilience and a deeper understanding of the material.</li>
+            <li>Visual Learning: I grasp concepts more quickly when I can visualize them. Charts, diagrams, and presentations help me organize information in a way that sticks. I find that seeing a process step-by-step or looking at a flowchart helps solidify abstract concepts.</li>
+            <li>Planning Ahead: I like having access to the curriculum early so I can break down topics and structure my learning schedule. When I can map out what’s ahead, I feel more in control and can manage my time better.</li>
+            <li>Mastering Subjects: I work on a subject until I feel confident enough to explain it to someone else. Teaching is one of the ways I confirm my own understanding. If I can make something simple enough for others to understand, I know I’ve truly mastered it.</li>
+            <li>Note-Taking: I’m not the type to take long-winded notes. Instead, my notes are an organized summary of my thoughts. They serve as a reference point for later, but I tend to work through most concepts in my head first before writing anything down.</li>
+        </ul>
+        </div>
+    </section>
+    <section>
+        <h2 id="what-i-value-in-collaboration">What I Value in Collaboration</h2>
+        <ul>
+            <li>Clear Communication: I appreciate clear, concise communication, especially in code reviews or when getting feedback. I respond well to messages that are to the point, with direct and actionable suggestions.</li>
+            <li>Respect for Work Styles: I understand that everyone has their own preferred way of working, and I appreciate when team environments respect those differences. For me, that means giving me space to work independently but also being available for collaboration when needed.</li>
+            <li>Knowledge Sharing: I believe that a team works best when everyone shares what they’ve learned. I enjoy exchanging tips, resources, or strategies that can help others grow. When the team is open to learning from each other, everyone benefits.</li>
+        </ul>
+    </section>
+    <section>
+        <h2 id="fun-fact">Fun Fact</h2>
+        <p>I often like to challenge myself with side projects. Whether it&#39;s exploring a new API or building a small application for fun, these projects give me a chance to experiment with new technologies and sharpen my skills.</p>
+        <p><img src="https://github.com/user-attachments/assets/75cce26f-8244-4aa9-ac0a-39783d4e4473" alt="Python API Example"></p>
+    </section>
+    </main>
+</body>
+</html>
diff --git a/lesson_01/chelseaogbonnia/style.css b/lesson_01/chelseaogbonnia/style.css
@@ -0,0 +1,120 @@
+body {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
+    font-size: 16px;
+    line-height: 1.5;
+    color: #24292e;
+    background-color: #fff;
+    padding: 20px;
+    font-size: 100%;
+ }
+
+ h1, h2, h3, h4, h5, h6 {
+    font-weight: 600;
+    margin: 1em 0;
+    border-bottom: 1px solid #eaecef;
+ }
+
+ h1 {
+    font-size: 2em;
+    padding-bottom: 0.3em;
+ }
+
+ p {
+    margin-bottom: 16px;
+ }
+
+ strong {
+    font-weight: 600;
+ }
+
+ em {
+    font-style: italic;
+ }
+
+ code {
+    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+    background-color: #f6f8fa;
+    padding: 0.2em 0.4em;
+    border-radius: 6px;
+ }
+
+ pre {
+    background-color: #f6f8fa;
+    padding: 16px;
+    border-radius: 6px;
+    overflow: auto;
+    font-size: 85%;
+    line-height: 1.45;
+ }
+
+ ul, ol {
+    padding-left: 2em;
+    margin-bottom: 16px;
+ }
+
+ li {
+    margin-bottom: 0.25em;
+ }
+
+ blockquote {
+    border-left: 4px solid #dfe2e5;
+    padding: 0 1em;
+    color: #6a737d;
+    margin: 0;
+ }
+
+ a {
+    color: #0366d6;
+    text-decoration: none;
+ }
+
+ a:hover {
+    text-decoration: underline;
+ }
+
+ table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-bottom: 16px;
+ }
+
+ th, td {
+    border: 1px solid #dfe2e5;
+    padding: 6px 13px;
+ }
+
+ th {
+    background-color: #f6f8fa;
+    font-weight: 600;
+ }
+
+ hr {
+    border: 0;
+    border-top: 1px solid #eaecef;
+    margin: 24px 0;
+ }
+
+ img {
+    max-width: 100%;
+    height: auto;
+ }
+
+ input[type="checkbox"] {
+    margin-right: 0.5em;
+ }
+
+ @media(max-width:480px){
+    body {
+        padding: 10px;
+    }
+    h1 {
+        font-size: 1.5em;
+    }
+    p{
+        font-size: 0.9em;
+    }
+    pre{
+        white-space: pre-wrap;
+        word-wrap: break-word;
+    }
+ }