Skip to content

Untitled #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 3 commits into
base: add-design-assets
Choose a base branch
from
Open

Untitled #3

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
062ffac
Untitled
spykeydp Mar 26, 2025
d6547a8
Update index.html
spykeydp Mar 26, 2025
943f1de
Update index.html
spykeydp Mar 26, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
33 changes: 17 additions & 16 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,14 +18,15 @@
<title>🍓</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
</head>

<body>
<header>
<header class="animate__animated animate__fadeInDown">
<h1>🍓 Welcome 🍓</h1>
</header>

<div class="container">
<div class="container animate__animated animate__fadeInUp animate__delay-0.5s">
<h2>Table of Contents</h2>
<ul>
<li><a href="#convergence">The Convergence of Software Development</a></li>
Expand All @@ -38,7 +39,7 @@ <h2>Table of Contents</h2>
</ul>
</div>

<div class="container">
<div class="container animate__animated animate__fadeInUp">
<p>The Synergistic Dance: Software Development for Local and Cloud Environments The modern software landscape is a dynamic tapestry woven from threads of both local and cloud environments. Nav[...]</p>
<ul>
<li><strong>Architecture Matters:</strong> Choosing the right architecture is paramount. Microservices architecture, with its modular and independently deployable components, is ideally suit[...]</li>
Expand All @@ -50,7 +51,7 @@ <h2>Table of Contents</h2>
<p><strong>Conclusion:</strong> Software development for local and cloud environments is no longer a separate endeavor but a unified strategy that recognizes the interconnected nature of these[...]</p>
</div>

<div class="container">
<div class="container animate__animated animate__fadeInUp">
<p>Knowledge is key 🔑 Grafana offers insight and power to use the data around you </p>
<div class="ad-container">
<p>I went from zero to beautiful graphs, insightful logs, and valuable alerts in minutes using Grafana Cloud. You can too by signing up for a free account using my link: <a href="https://gra[...]">Sign up here</a></p>
Expand All @@ -66,7 +67,7 @@ <h2>Table of Contents</h2>
</div>

<!-- New Content Added Below the Ad for Grafana -->
<div class="container">
<div class="container animate__animated animate__fadeInUp">
<h2 id="convergence">The Convergence of Software Development: Navigating Local and Cloud Environments</h2>
<p>The modern software development landscape is increasingly defined by a bifurcated approach, encompassing both local and cloud environments. No longer are these spheres mutually exclusive; [...]</p>

Expand All @@ -84,7 +85,7 @@ <h3 id="future-development">The Future of Software Development:</h3>
</div>

<!-- Security-Focused Operating Systems vs. Common Consumer OSes -->
<div class="container">
<div class="container animate__animated animate__fadeInUp">
<h2 id="security-os">Security-Focused Operating Systems vs. Common Consumer OSes</h2>

<h3>Key Security Differences</h3>
Expand Down Expand Up @@ -177,7 +178,7 @@ <h3>Important Considerations</h3>
</div>

<!-- Tips for State-of-the-Art AI Assistance and Tools -->
<div class="container">
<div class="container animate__animated animate__fadeInUp">
<h2 id="ai-tools">Tips for State-of-the-Art AI Assistance and Tools</h2>
<p>For developers seeking cutting-edge AI assistance and tools, consider exploring the following:</p>
<ul>
Expand All @@ -187,17 +188,17 @@ <h2 id="ai-tools">Tips for State-of-the-Art AI Assistance and Tools</h2>
</div>

<!-- Added Images -->
<div class="container">
<div class="container animate__animated animate__fadeInUp">
<h2>Design Assets</h2>
<img src="assets/1742951217707.jpg" alt="Design Asset 1">
<img src="assets/patterns.png" alt="Design Asset 2">
<img src="assets/table.png" alt="Design Asset 3">
<img src="assets/1029902f-af2a-4b81-827b-170f94301d97.png" alt="Design Asset 4">
<img src="assets/OIP.jpeg" alt="Design Asset 5">
<img src="assets/IMG_20250324_074857.jpg" alt="Design Asset 6">
<img src="assets/1742951217707.jpg" alt="Design Asset 1" class="animate__animated animate__fadeIn">
<img src="assets/patterns.png" alt="Design Asset 2" class="animate__animated animate__fadeIn">
<img src="assets/table.png" alt="Design Asset 3" class="animate__animated animate__fadeIn">
<img src="assets/1029902f-af2a-4b81-827b-170f94301d97.png" alt="Design Asset 4" class="animate__animated animate__fadeIn">
<img src="assets/OIP.jpeg" alt="Design Asset 5" class="animate__animated animate__fadeIn">
<img src="assets/IMG_20250324_074857.jpg" alt="Design Asset 6" class="animate__animated animate__fadeIn">
</div>

<footer>
<footer class="animate__animated animate__fadeInUp">
<p>&copy; 2025 spykeydp. All rights reserved.</p>
</footer>

Expand Down Expand Up @@ -247,4 +248,4 @@ <h2>Design Assets</h2>
</script>
</body>

</html>
</html>