https://science.nasa.gov/wp-content/uploads/2023/10/W00083940.jpg?w=6…

…40&format=webp https://science.nasa.gov/resource/image-of-sun-2
ThakaRashard · Aug 11, 2024 · e17840b · e17840b
1 parent f1739a0
commit e17840b
Show file tree

Hide file tree

Showing 2 changed files with 74 additions and 0 deletions.
diff --git a/_sass/jekyll-theme-leap-day.scss b/_sass/jekyll-theme-leap-day.scss
@@ -158,6 +158,56 @@ h3 {
 
 
 
+.gallery-wrap {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  height: 70vh;
+}
+
+.item {
+  flex: 1;
+  height: 100%;
+  background-position: center;
+  background-size: cover;
+  background-repeat: none;
+  transition: flex 0.8s ease;
+
+  &:hover{
+    flex: 7;
+  }
+}
+
+.item-1 { 
+  background-image: url('https://mars.nasa.gov/msl-raw-images/proj/msl/redops/ods/surface/sol/04200/opgs/edr/ncam/NLB_770345493EDR_F1072484NCAM00256M_.JPG');
+}
+
+.item-2 { 
+  background-image: url('https://mars.nasa.gov/msl-raw-images/msss/04202/mcam/4202MR1059130272102870C00_DXXX.jpg');
+}
+
+.item-3 { 
+  background-image: url('https://mars.nasa.gov/msl-raw-images/proj/msl/redops/ods/surface/sol/04250/opgs/edr/ncam/NRB_774801663EDR_F1080222NCAM00200M_.JPG');
+}
+
+.item-4 { 
+  background-image: url('https://mars.nasa.gov/msl-raw-images/msss/04202/mcam/4202ML1059130291702010C00_DXXX.jpg');
+}
+
+.item-5 { 
+  background-image: url('https://mars.nasa.gov/msl-raw-images/proj/msl/redops/ods/surface/sol/04251/opgs/edr/ncam/NLB_774875074EDR_F1080438NCAM00274M_.JPG');
+}
+
+.social{
+  position: absolute;
+  right: 35px;
+  bottom: 0;
+
+  img{
+    display: block;
+    width: 32px;
+  }
+}
 
 a {
   display:inline-block;

diff --git a/index.md b/index.md
@@ -2,6 +2,30 @@
 layout: default
 ---
 
+
+
+[Rings of Saturn](https://solarsystem.nasa.gov/raw_images/158252/?layout=hds)
+![Rings](https://science.nasa.gov/wp-content/uploads/2023/10/W00083940.jpg?w=640&format=webp) 
+
+<div class="container">
+  <h1><a href="https://mars.nasa.gov/msl/multimedia/raw-images/?order=sol+desc%2Cinstrument_sort+asc%2Csample_type_sort+asc%2C+date_taken+desc&per_page=50&page=0&mission=msl">Mars Science Laboratory: Curiosity Raw Images</a></h1>
+
+  <div class="gallery-wrap">
+    <div class="item item-1"></div>
+    <div class="item item-2"></div>
+    <div class="item item-3"></div>
+    <div class="item item-4"></div>
+    <div class="item item-5"></div>
+  </div>
+ </div>
+
+<div class="social">
+  <a href="https://twitter.com/StefCharle" target="_blank">
+    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/149103/twitter.svg" alt="">
+  </a>
+
+</div>
+
 ![erika johnson](https://pbs.twimg.com/media/GUflJ1mXUAAhzb3?format=jpg&name=large)
 ![y](https://pbs.twimg.com/media/GUpnZ_6a0AAY3Pg?format=jpg&name=large)