diff --git a/img/doppler.png b/img/doppler.png new file mode 100644 index 0000000..39659ff Binary files /dev/null and b/img/doppler.png differ diff --git a/img/relanoise.png b/img/relanoise.png new file mode 100644 index 0000000..94d075f Binary files /dev/null and b/img/relanoise.png differ diff --git a/img/relativity.png b/img/relativity.png new file mode 100644 index 0000000..1788eff Binary files /dev/null and b/img/relativity.png differ diff --git a/img/skeinring.png b/img/skeinring.png new file mode 100644 index 0000000..4b734c6 Binary files /dev/null and b/img/skeinring.png differ diff --git a/readme.md b/readme.md index 3d938fd..f890582 100644 --- a/readme.md +++ b/readme.md @@ -11,6 +11,7 @@ when you click on the planets they turn into a context menu ! [orbital data](https://nssdc.gsfc.nasa.gov/planetary/factsheet/planet_table_ratio.html) +[interpolating colors in css](https://gregives.co.uk/blog/interpolating-colour-with-css/) .241 .615 diff --git a/src/inc_css/earth.css b/src/inc_css/earth.css index 70d97ae..7a5776c 100644 --- a/src/inc_css/earth.css +++ b/src/inc_css/earth.css @@ -43,4 +43,6 @@ width: var(--diameter); height: var(--diameter); + + opacity: 0.065; } diff --git a/src/inc_css/mars.css b/src/inc_css/mars.css index d776bc1..3ba7081 100644 --- a/src/inc_css/mars.css +++ b/src/inc_css/mars.css @@ -43,4 +43,6 @@ width: var(--diameter); height: var(--diameter); + + opacity: 0.05; } diff --git a/src/inc_css/portfolio.css b/src/inc_css/portfolio.css index e6a862c..55f8c7f 100644 --- a/src/inc_css/portfolio.css +++ b/src/inc_css/portfolio.css @@ -19,17 +19,19 @@ .page.portfolio { padding-top: 0; - width: 70%; + width: 75%; right: 0; margin:0; padding:0; padding-top: 5vh; - transform: translate(-35%,0); + transform: translate(-37%,0); } .wrapper { width: 100%; - background-color: var(--background); + height: 100%; + background-color: transparent; + /*background-color: var(--background);*/ display: grid; grid-template-columns: 1fr 1fr 1fr; } @@ -37,7 +39,7 @@ .wrapper img { width: 100%; height: 100%; - object-fit: fill; + object-fit: cover; transition: transform 0.1s ease-in; } diff --git a/src/inc_css/venus.css b/src/inc_css/venus.css index 374de94..5afb957 100644 --- a/src/inc_css/venus.css +++ b/src/inc_css/venus.css @@ -43,4 +43,6 @@ width: var(--diameter); height: var(--diameter); + + opacity: 0.1; } diff --git a/src/inc_html/sidebar.html b/src/inc_html/sidebar.html index b4275de..c0349d6 100644 --- a/src/inc_html/sidebar.html +++ b/src/inc_html/sidebar.html @@ -3,7 +3,7 @@