|
|
@ -12,9 +12,20 @@
|
|
|
|
#wrapper{
|
|
|
|
#wrapper{
|
|
|
|
background: linear-gradient(231deg, #cbf2ce, #e7f5f9, #b9e9f7, #c9dee4);
|
|
|
|
background: linear-gradient(231deg, #cbf2ce, #e7f5f9, #b9e9f7, #c9dee4);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#li1:before
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
content: "issue1";
|
|
|
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
|
|
|
color: blue;
|
|
|
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#li1:hover{
|
|
|
|
#li1:hover{
|
|
|
|
content: "issue1"
|
|
|
|
|
|
|
|
background: rgba(214,242,249,0.5);
|
|
|
|
background: rgba(214,242,249,0.5);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -64,7 +75,7 @@ My favourite working medium is HTML and CSS.</p>
|
|
|
|
<ul id='publist'>
|
|
|
|
<ul id='publist'>
|
|
|
|
<li><a href='https://hub.xpub.nl/sandbot/Nami_Researchlog/' target="_blank" class='ext'>User Sentimental eXperience</a></li>
|
|
|
|
<li><a href='https://hub.xpub.nl/sandbot/Nami_Researchlog/' target="_blank" class='ext'>User Sentimental eXperience</a></li>
|
|
|
|
</ul>
|
|
|
|
</ul>
|
|
|
|
<img src="landing1.png" id = "li1"class='workimg'/>
|
|
|
|
<img src="landing1.png" id = "li1" class='workimg'/>
|
|
|
|
<img src="zoneoutroom2.png" id= "li2" class='workimg'/>
|
|
|
|
<img src="zoneoutroom2.png" id= "li2" class='workimg'/>
|
|
|
|
<img src="fishbowl2.png" id= "li3" class='workimg'/>
|
|
|
|
<img src="fishbowl2.png" id= "li3" class='workimg'/>
|
|
|
|
<img src="issue3_2.png" id= "li4" class='workimg'/>
|
|
|
|
<img src="issue3_2.png" id= "li4" class='workimg'/>
|
|
|
|