From e17840bfdbeac4ceb619e36ee7afa3bedf8bddc5 Mon Sep 17 00:00:00 2001 From: ThakaRashard <93835618+ThakaRashard@users.noreply.github.com> Date: Sun, 11 Aug 2024 16:05:01 -0700 Subject: [PATCH] https://science.nasa.gov/wp-content/uploads/2023/10/W00083940.jpg?w=640&format=webp https://science.nasa.gov/resource/image-of-sun-2 --- _sass/jekyll-theme-leap-day.scss | 50 ++++++++++++++++++++++++++++++++ index.md | 24 +++++++++++++++ 2 files changed, 74 insertions(+) diff --git a/_sass/jekyll-theme-leap-day.scss b/_sass/jekyll-theme-leap-day.scss index 8c2a3ea..8ae3f9a 100644 --- 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 index 89a23f1..afe6800 100644 --- 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) + +
+

Mars Science Laboratory: Curiosity Raw Images

+ + +
+ +
+ + + + +
+ ![erika johnson](https://pbs.twimg.com/media/GUflJ1mXUAAhzb3?format=jpg&name=large) ![y](https://pbs.twimg.com/media/GUpnZ_6a0AAY3Pg?format=jpg&name=large)