Skip to content

Commit

Permalink
Update index.html
Browse files Browse the repository at this point in the history 
Signed-off-by: JKHZ <107081481+catinahat85@users.noreply.github.com>
  • Loading branch information
@catinahat85
catinahat85 authored Oct 27, 2024
1 parent 8a42052 commit 4c702e5
Showing 1 changed file with 28 additions and 27 deletions.
55 changes: 28 additions & 27 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,8 +19,9 @@
<title>BeatsintheCloud</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<link rel="stylesheet" href="https://dd3q6y43lte2b.cloudfront.net/assets/css/main.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<noscript><link rel="stylesheet" href="https://dd3q6y43lte2b.cloudfront.net/assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">

Expand Down Expand Up @@ -50,7 +51,7 @@ <h2>Who Am I?</h2>
<p>One of my missions is to bring knowledge of cloud-native computing to the underprivileged, including Latino/a/e people globally and to minorities in the USA, as it is a field where we can step up and make a difference due to the lack of standardized education.</p>
</div>
<div class="col-6 col-12-medium imp-medium">
<span class="image fit"><img src="images/pic01.jpg" alt="" /></span>
<span class="image fit"><img src="https://dd3q6y43lte2b.cloudfront.net/images/pic01.jpg" alt="" /></span>
</div>
</div>
</div>
Expand Down Expand Up @@ -93,23 +94,23 @@ <h2>I Also Make Children's Books</h2>
<p>Because it was too complicated to explain to my kids exactly what I did.</p>
<div class="row gtr-150">
<div class="col-4 col-12-medium">
<span class="image fit"><img src="images/pic02.jpg" alt="" /></span>
<span class="image fit"><img src="https://dd3q6y43lte2b.cloudfront.net/images/pic02.jpg" alt="" /></span>
<h3>Made for Children</h3>
<p>Cloud computing and Containers made simple. The focus was to make these books feel like Kubernetes explained, but ELI5. You'll get it, and they'll love it.</p>
<ul class="actions special">
<li><a href="https://www.amazon.com/Ease-Into-Kubernetes/dp/B0CLKVVZ55" class="button">See on Amazon</a></li>
</ul>
</div>
<div class="col-4 col-12-medium">
<span class="image fit"><img src="images/pic03.jpg" alt="" /></span>
<span class="image fit"><img src="https://dd3q6y43lte2b.cloudfront.net/images/pic03.jpg" alt="" /></span>
<h3>Fun and Quirky</h3>
<p>There's action, adventure, magic, humor, and learning. These stories will spark curiosity and inspire the next generation of engineers and cloud-native heroes!</p>
<ul class="actions special">
<li><a href="https://a.co/d/eA4denP" class="button">See Latest Book</a></li>
</ul>
</div>
<div class="col-4 col-12-medium">
<span class="image fit"><img src="images/pic04.jpg" alt="" /></span>
<span class="image fit"><img src="https://dd3q6y43lte2b.cloudfront.net/images/pic04.jpg" alt="" /></span>
<h3>Open Source</h3>
<p>Published under CC-BY 4.0, using CNCF-owned characters in conjunction with my original characters, but I would love to see your takes on them. Just give attribution.</p>
<ul class="actions special">
Expand All @@ -128,23 +129,23 @@ <h2>Browse Content</h2>
<p>Learn about cloud and cloud native while having fun</p>
<div class="row gtr-150">
<div class="col-4 col-12-medium">
<span class="image fit"><img src="images/pic07.jpg" alt="" /></span>
<span class="image fit"><img src="https://dd3q6y43lte2b.cloudfront.net/images/pic07.jpg" alt="" /></span>
<h3>BeatsintheCloud</h3>
<p>Youtube channel. My own beats, but using tools like Google Cloud TTS, AWS Polly, AWS Lambda</p>
<ul class="actions special">
<li><a href="https://www.youtube.com/@Beatsinthecloud" class="button">Subscribe Now</a></li>
</ul>
</div>
<div class="col-4 col-12-medium">
<span class="image fit"><img src="images/pic09.jpg" alt="" /></span>
<span class="image fit"><img src="https://dd3q6y43lte2b.cloudfront.net/images/pic09.jpg" alt="" /></span>
<h3>Learning Resources</h3>
<p>Collected courses, tutorials, videos about containers, kubernetes, cloud computing and more. Learn for free.</p>
<ul class="actions special">
<li><a href="https://github.com/catinahat85/gitgudatcloudnative" class="button">Start Learning</a></li>
</ul>
</div>
<div class="col-4 col-12-medium">
<span class="image fit"><img src="images/pico.jpg" alt="" /></span>
<span class="image fit"><img src="https://dd3q6y43lte2b.cloudfront.net/images/pico.jpg" alt="" /></span>
<h3>My Blog</h3>
<p>With Project Ideas, Tutorials, and opinions on tech and developments.</p>
<ul class="actions special">
Expand Down Expand Up @@ -466,21 +467,21 @@ <h4>Image</h4>
<h5>Fit</h5>
<div class="box alt">
<div class="row gtr-uniform gtr-50">
<div class="col-12"><span class="image fit"><img src="images/pic06.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic02.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic03.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic04.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic03.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic04.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic02.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic04.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic02.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/pic03.jpg" alt="" /></span></div>
<div class="col-12"><span class="image fit"><img src="https://dd3q6y43lte2b.cloudfront.net/images/pic06.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="https://dd3q6y43lte2b.cloudfront.net/images/pic02.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="https://dd3q6y43lte2b.cloudfront.net/images/pic03.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="https://dd3q6y43lte2b.cloudfront.net/images/pic04.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="https://dd3q6y43lte2b.cloudfront.net/images/pic03.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="https://dd3q6y43lte2b.cloudfront.net/images/pic04.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="https://dd3q6y43lte2b.cloudfront.net/images/pic02.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="https://dd3q6y43lte2b.cloudfront.net/images/pic04.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="https://dd3q6y43lte2b.cloudfront.net/images/pic02.jpg" alt="" /></span></div>
<div class="col-4"><span class="image fit"><img src="https://dd3q6y43lte2b.cloudfront.net/images/pic03.jpg" alt="" /></span></div>
</div>
</div>
<h5>Left &amp; Right</h5>
<p><span class="image left"><img src="images/pic05.jpg" alt="" /></span>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent.</p>
<p><span class="image right"><img src="images/pic05.jpg" alt="" /></span>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent.</p>
<p><span class="image left"><img src="https://dd3q6y43lte2b.cloudfront.net/images/pic05.jpg" alt="" /></span>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent.</p>
<p><span class="image right"><img src="https://dd3q6y43lte2b.cloudfront.net/images/pic05.jpg" alt="" /></span>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent.</p>
</section>
</div>
Expand Down Expand Up @@ -512,12 +513,12 @@ <h5>Left &amp; Right</h5>
</section>

<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<script src="https://dd3q6y43lte2b.cloudfront.net/assets/js/jquery.min.js"></script>
<script src="https://dd3q6y43lte2b.cloudfront.net/assets/js/jquery.scrolly.min.js"></script>
<script src="https://dd3q6y43lte2b.cloudfront.net/assets/js/browser.min.js"></script>
<script src="https://dd3q6y43lte2b.cloudfront.net/assets/js/breakpoints.min.js"></script>
<script src="https://dd3q6y43lte2b.cloudfront.net/assets/js/util.js"></script>
<script src="https://dd3q6y43lte2b.cloudfront.net/assets/js/main.js"></script>

</body>
</html>

0 comments on commit 4c702e5

Please sign in to comment.