Skip to content

Commit

Permalink
Work blog - Second week update
Browse files Browse the repository at this point in the history
  • Loading branch information
@mariabusto
mariabusto authored May 6, 2024
1 parent d299d11 commit c6159d1
Show file tree
Hide file tree
Showing 4 changed files with 80 additions and 0 deletions.
Binary file added docs/assets/React-Webpage-1.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 docs/assets/React-Webpage-2.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.
1 change: 1 addition & 0 deletions docs/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -57,6 +57,7 @@ <h2>Weekly Logs</h2>
<p class="lead" align="justify">In this section, you can find the list of the different weekly logs in which I describe what I have learned and done during each week of my internship.</p>
<ul class="weekly-log-list">
<li><a href="worklog_1.html">Week 1 (April 22nd - April 26th)</a></li>
<li><a href="worklog_2.html">Week 2 (April 29th - May 3rd)</a></li>
</ul>
</div>
</div>
Expand Down
79 changes: 79 additions & 0 deletions docs/worklog_2.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,79 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>María Busto Work Blog</title>
<link rel="icon" type="image/x-icon" href="assets/logo.png" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" id="mainNav">
<div class="container px-4">
<a class="navbar-brand" href="#page-top">My Work Blog - JdeRobot Internship</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="#week">Week 2</a></li>
</ul>
</div>
</div>
</nav>
<!-- Header-->
<header class="bg-primary bg-gradient text-white">
<div class="container px-4 text-center">
<h1 class="fw-bolder">Welcome to my internship work blog!</h1>
<p class="lead">In this blog, I'll be posting about my experience as an intern at JdeRobot.</p>
<!--
<a class="btn btn-lg btn-light" href="#about">Take a look!</a>
-->
</div>
</header>
<!-- Week Post section-->
<section id="week">
<div class="container px-4">
<div class="row gx-4 justify-content-center">
<div class="col-lg-8">
<h2>Week 2 (April 29th - May 3rd)</h2>
<p class="blog-post-meta">May 6th, 2024 by <a href="https://github.com/mariabusto">María Busto Ramos</a></p>
<p class="lead" align="justify">During this second week of internship, I have finished reading and viewing the Docker and React tutorials that I started last week.</p>
<p class="lead" align="justify">On the other hand, in the middle of this week, I created this work blog to be able to write down, every week, the tasks performed and the knowledge learned during my internship at JdeRobot. To do this, I have used a free template, obtained from Start Bootstrap, and I have modified it, to adapt it to the information I wanted to show. Therefore, this blog and it's first post, corresponding to the first week of internship, were created.</p>
<p class="lead" align="justify">Coming back to React, I've also started designing and creating my first React webpage to practice what I have learned in the tutorial. The goal is to create my own work blog or portfolio. Although I already have a basic structure of the page, I haven't finished it yet. Therefore, for the next week, I want to clean the code and add new funcionalities by using states, lists, among others. Here is an image that shows the current state of the page:</p>
<br></br>
<div align="center">
<img class="first-React-webpage" alt="First React webpage (first section)" width=750px height=380px src="assets/React-Webpage-1.png"/>
<img class="first-React-webpage" alt="First React webpage (second section)" width=750px height=380px src="assets/React-Webpage-2.png"/>
</div>
<br></br>
<p class="lead" align="justify">Finally, at the end of this week, I have started researching about Django, watching several video tutorials. Also, I have started doing the first steps tutorial included on the own Django website.</p>
<p class="lead" align="justify">Next week, I will finish the Django tutorial as well as my first React webpage, and perform the D1 deployment of Unibotics.</p>
</div>
</div>
</div>
</section>
<!-- Final Logos section-->
<section class="bg-light" id="logos">
<div class="container px-4">
<div class="row gx-4 justify-content-center">
<container class="img-container" align="center">
<img class="jderobot-img" alt="JdeRobot logo" width=150px height=150px src="assets/logo.png"/>
<img class="urjc-etsii-img" alt="URJC and ETSII logo" width=350px height=80px src="assets/urjc-etsii-logo.png"/>
</container>
</div>
</div>
</section>
<!-- Footer-->
<footer class="py-5 bg-dark">
<div class="container px-4"><p class="m-0 text-center text-white">Copyright &copy; Your Website 2024</p></div>
<div class="container px-4"><a class="m-0 text-center text-white" href="https://startbootstrap.com/template/scrolling-nav">Template obtained from Start Bootstrap</a></div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>

0 comments on commit c6159d1

Please sign in to comment.