extremely minor changes
This commit is contained in:
parent
0fc0313767
commit
7e267b4a43
4 changed files with 26 additions and 19 deletions
|
@ -1,2 +1,2 @@
|
||||||
# Newer Dervland
|
# Dervland
|
||||||
This is my homepage and portfolio.
|
This is my homepage and portfolio.
|
Binary file not shown.
Before Width: | Height: | Size: 75 KiB |
|
@ -42,14 +42,14 @@ body {
|
||||||
top: -200px;
|
top: -200px;
|
||||||
color: var(--main-4);
|
color: var(--main-4);
|
||||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.75));
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.75));
|
||||||
|
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
|
overflow-y: scroll;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-img,
|
.item-img,
|
||||||
.item-desc,
|
.item-desc,
|
||||||
.item {
|
.item {
|
||||||
width: max(155px,calc(var(--width) / 3 - 11px));
|
width: max(155px, calc(var(--width) / 3 - 11px));
|
||||||
height: 200px;
|
height: 200px;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
@ -75,14 +75,18 @@ table {
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-a {
|
.item-a {
|
||||||
font-weight: bold;
|
|
||||||
text-decoration: underline;
|
|
||||||
color: inherit;
|
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.item-a,
|
||||||
|
.link {
|
||||||
|
font-weight: bold;
|
||||||
|
text-decoration: underline;
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
.item-ico {
|
.item-ico {
|
||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
}
|
}
|
||||||
|
@ -96,4 +100,16 @@ table {
|
||||||
.art {
|
.art {
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-marked p::marker {
|
||||||
|
display: inline;
|
||||||
|
content: "- ";
|
||||||
|
font-size: 1.2em;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-marked p {
|
||||||
|
display: list-item;
|
||||||
|
margin-left: 1.8em;
|
||||||
}
|
}
|
|
@ -14,16 +14,16 @@
|
||||||
<div class='scroller'>
|
<div class='scroller'>
|
||||||
<div class='item'>
|
<div class='item'>
|
||||||
<img class='item-img' src="img/newerlogo.svg">
|
<img class='item-img' src="img/newerlogo.svg">
|
||||||
<div class='item-desc'>
|
<div class='item-desc item-marked'>
|
||||||
<a class='item-a' href="#"> Hobbies</a>
|
<a class='item-a' href="#"> Hobbies</a>
|
||||||
<p>
|
<p>
|
||||||
Development of games
|
Game development
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
Playing games
|
<a class='link' href='https://inkscape.org/'>Vector art</a>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
Vector art
|
Niche fandoms
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -48,15 +48,6 @@
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class='item'>
|
|
||||||
<img class='item-img item-ico' src="img/comic.png">
|
|
||||||
<div class='item-desc'>
|
|
||||||
<a class='item-a' href="https://comic.studio/u/biglyderv"> Comic Studio</a>
|
|
||||||
<p>
|
|
||||||
Comic builder and art
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h2 class='header'>Assets</h2>
|
<h2 class='header'>Assets</h2>
|
||||||
|
|
Loading…
Reference in a new issue