bunch more graphics pics, rename page and tweak planet orbit opacity

This commit is contained in:
ktyl 2021-10-12 01:16:13 +01:00
parent c3a7d4dcae
commit a6bc2d9d8c
11 changed files with 19 additions and 6 deletions

BIN
img/doppler.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 253 KiB

BIN
img/relanoise.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 830 KiB

BIN
img/relativity.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 683 KiB

BIN
img/skeinring.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 187 KiB

View File

@ -11,6 +11,7 @@
when you click on the planets they turn into a context menu ! 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) [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 .241
.615 .615

View File

@ -43,4 +43,6 @@
width: var(--diameter); width: var(--diameter);
height: var(--diameter); height: var(--diameter);
opacity: 0.065;
} }

View File

@ -43,4 +43,6 @@
width: var(--diameter); width: var(--diameter);
height: var(--diameter); height: var(--diameter);
opacity: 0.05;
} }

View File

@ -19,17 +19,19 @@
.page.portfolio { .page.portfolio {
padding-top: 0; padding-top: 0;
width: 70%; width: 75%;
right: 0; right: 0;
margin:0; margin:0;
padding:0; padding:0;
padding-top: 5vh; padding-top: 5vh;
transform: translate(-35%,0); transform: translate(-37%,0);
} }
.wrapper { .wrapper {
width: 100%; width: 100%;
background-color: var(--background); height: 100%;
background-color: transparent;
/*background-color: var(--background);*/
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
} }
@ -37,7 +39,7 @@
.wrapper img { .wrapper img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: fill; object-fit: cover;
transition: transform 0.1s ease-in; transition: transform 0.1s ease-in;
} }

View File

@ -43,4 +43,6 @@
width: var(--diameter); width: var(--diameter);
height: var(--diameter); height: var(--diameter);
opacity: 0.1;
} }

View File

@ -3,7 +3,7 @@
<ul> <ul>
<li><a href="about.html" class="fsText">/about</a></li> <li><a href="about.html" class="fsText">/about</a></li>
<li><a href="portfolio.html" class="fsText">/portfolio</a></li> <li><a href="graphics.html" class="fsText">/graphics</a></li>
<li><a href="gallery.html" class="fsText">/gallery</a></li> <li><a href="gallery.html" class="fsText">/gallery</a></li>
<li><a href="blog.html" class="fsText">/blog</a></li> <li><a href="blog.html" class="fsText">/blog</a></li>
<li><a href="contact.html" class="fsText">/contact</a></li> <li><a href="contact.html" class="fsText">/contact</a></li>

View File

@ -5,7 +5,7 @@
<body> <body>
<div class="title"> <div class="title">
<h1 class="fsText"><a href="index.html">ktyl@website</a>/portfolio</h1> <h1 class="fsText"><a href="index.html">ktyl@website</a>/graphics</h1>
</div> </div>
#include sidebar.html #include sidebar.html
@ -16,6 +16,10 @@
<img src="cloudsteroid.png"></img> <img src="cloudsteroid.png"></img>
<img src="oglc.png"></img> <img src="oglc.png"></img>
<img src="ecollapse.png"></img> <img src="ecollapse.png"></img>
<img src="relativity.png"></img>
<img src="doppler.png"></img>
<img src="relanoise.png"></img>
<img src="skeinring.png"></img>
</div> </div>
</div> </div>