Skip to content

Commit

Permalink
Lenadlm patch 5.6 (#55)
Browse files Browse the repository at this point in the history
* Update index.html

* Update index.html

* Update index.html

* Update projects.html

* Update index.html

* Update index.html

* Update index.html

* Update projects.html

* Update styles.css
  • Loading branch information
lenadlm authored Aug 4, 2024
1 parent 5b1ac17 commit 56498d8
Show file tree
Hide file tree
Showing 3 changed files with 19 additions and 23 deletions.
21 changes: 12 additions & 9 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -14,11 +14,14 @@
<meta property="og:site_name" content="lenadlm">
<meta property="og:locale" content="en_US">

<title>Profile-Leonard</title>
<title>LM-Profile</title>

<!-- External Fonts and Bootstrap CSS -->
<link href="https://fonts.googleapis.com/css?family=Montserrat|Raleway|Inconsolata&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">

<!-- Link to Fontawesome icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0-beta3/css/all.min.css">

<!-- Custom CSS -->
<link rel="stylesheet" type="text/css" href="styles.css">
Expand Down Expand Up @@ -96,38 +99,38 @@ <h2>Welcome</h2>
</div>

<!-- Footer Section (copied from index.html) -->
<div class="container">
<div class="d-flex justify-content-center">
<div class="bg-dark">
<h2></h2>
<p class="lead">Contact me...</p>
<!-- Contact Links -->
<footer>
<ul class="badge-list">
<li><a href="https://github.com/lenadlm" target="_blank">
<i class="fa-brands fa-github badge-wiggle"></i>
<i class="fa-brands fa-github fa-10x badge-wiggle"></i>
</a></li>
<li><a href="https://twitter.com/intent/follow?screen_name=lenadlm" target="_blank">
<i class="fa-brands fa-x-twitter badge-wiggle"></i>
<i class="fa-brands fa-x-twitter fa-10x badge-wiggle"></i>
</a></li>
<li><a href="https://www.linkedin.com/in/lenadlm/" target="_blank">
<i class="fa-brands fa-linkedin-in badge-wiggle"></i>
<i class="fa-brands fa-linkedin-in fa-10x badge-wiggle"></i>
</a></li>
<li><a href="mailto: ">
<i class="fa-regular fa-envelope badge-wiggle"></i>
<i class="fa-regular fa-envelope fa-10x badge-wiggle"></i>
</a></li>
<li><a href="https://dev.to/lenadlm" target="_blank">
<i class="fa-brands fa-dev"></i>
<i class="fa-brands fa-dev fa-10x badge-wiggle"></i>
</a></li>
</ul>
<br>
<a href="https://hits.seeyoufarm.com" target="_blank"><img src="https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2Flenadlm%2F&count_bg=%2379C83D&title_bg=%23555555&icon=github.svg&icon_color=%23E7E7E7&title=hits&edge_flat=false"/></a>
<a class="copyrighted-badge" title="Copyrighted.com Registered &amp; Protected" target="_blank" href="https://app.copyrighted.com/website/pGjsqkaxdMeKesUC"><img alt="Copyrighted.com Registered &amp; Protected" border="0" width="125" height="25" srcset="https://static.copyrighted.com/badges/125x25/01_2_2x.png 2x" src="https://static.copyrighted.com/badges/125x25/01_2.png"></a><script src="https://static.copyrighted.com/badges/helper.js"></script>
</footer>
</div>
</div
</div>

<!-- External JS and Bootstrap Bundle -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76A8fA7QlL+g9f4kF5Y3a5m2D9CZa0j4pE4lC/FLpL+NYwF2Z20+E7phel4uoZG" crossorigin="anonymous"></script>
<script src="script.js"></script>
<script src="https://kit.fontawesome.com/24802e7524.js" crossorigin="anonymous"></script>
</body>
</html>
14 changes: 6 additions & 8 deletions projects.html
Original file line number Diff line number Diff line change
Expand Up @@ -75,29 +75,27 @@ <h2 class="text-center">Project 2</h2>
</div>
</div>
</div>

<!-- Footer Section (copied from index.html) -->
<div class="container">
<div class="d-flex justify-content-center">
<div class="bg-dark">
<h2></h2>
<p class="lead">Contact me...</p>
<!-- Contact Links -->
<footer>
<ul class="badge-list">
<li><a href="https://github.com/lenadlm" target="_blank">
<i class="fa-brands fa-github badge-wiggle"></i>
<i class="fa-brands fa-github fa-10x badge-wiggle"></i>
</a></li>
<li><a href="https://twitter.com/intent/follow?screen_name=lenadlm" target="_blank">
<i class="fa-brands fa-x-twitter badge-wiggle"></i>
<i class="fa-brands fa-x-twitter fa-10x badge-wiggle"></i>
</a></li>
<li><a href="https://www.linkedin.com/in/lenadlm/" target="_blank">
<i class="fa-brands fa-linkedin-in badge-wiggle"></i>
<i class="fa-brands fa-linkedin-in fa-10x badge-wiggle"></i>
</a></li>
<li><a href="mailto: ">
<i class="fa-regular fa-envelope badge-wiggle"></i>
<i class="fa-regular fa-envelope fa-10x badge-wiggle"></i>
</a></li>
<li><a href="https://dev.to/lenadlm" target="_blank">
<i class="fa-brands fa-dev"></i>
<i class="fa-brands fa-dev fa-10x badge-wiggle"></i>
</a></li>
</ul>
<br>
Expand Down
7 changes: 1 addition & 6 deletions styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@ p.font-rlw {
.badge-list a:hover {
animation: wiggle 0.5s ease-in-out;
opacity: 0.8;
transform: scale(1.2); /* Optional: Slightly enlarge on hover */
transform: scale(1.5); /* Optional: Slightly enlarge on hover */
}

/* Align badge list to the left */
Expand All @@ -76,11 +76,6 @@ p.font-rlw {
justify-content: flex-start; /* Align items to the left */
}

.badge-list li:hover {
display: flex;
justify-content: center;
}

@media (max-width: 768px) {
.badge-list li {
flex: 1 1 100px; /* Smaller badges on smaller screens */
Expand Down

0 comments on commit 56498d8

Please sign in to comment.