User:Wang ziheng: Difference between revisions

From XPUB & Lens-Based wiki
No edit summary
mNo edit summary
 
(739 intermediate revisions by the same user not shown)
Line 1: Line 1:
[[File:Background3.1.jpg|fixed|frameless|950x1200px]]
<div style="position:relative; z-index:1;left:-15px;">


<div style="position:relative; z-index:1">
<div style="position: fixed; z-index: 9;">


<p style="position:relative; bottom:270px; left:150px"|z-index:2>  
<!-- Circle 1 -->
[[File:Bell3.png|frameless|90px|link=🔔]]
  <div style="position: absolute; top: 10px; left: 10px; width: 50px; height: 50px; background-color: yellow; opacity: 0.9; border-radius: 50%; cursor:help; font-family: Luminari, fantasy; font-size: 30px; font-weight: 10; letter-spacing: 0px; color: white;">[https://i.pinimg.com/564x/0a/98/59/0a9859ab3dc3c91032809f00ecf8e1c5.jpg &nbsp;&nbsp;&nbsp;?&nbsp;&nbsp;&nbsp;]</div>
 
 
 
 
  <!-- Circle 2 -->
  <div style="position: absolute; top: 300px; left: 60px; width: 50px; height: 50px; background-color: yellow; opacity: 0.9; border-radius: 50%; cursor:help; font-family: Luminari, fantasy; font-size: 30px; font-weight: 10; letter-spacing: 0px; color: white;">[[JavaScriptClub/04|&nbsp;&nbsp;&nbsp;?]]</div>
 
  <!-- Circle 3 -->
  <div style="position: absolute; top: 200px; left: 600px; width: 50px; height: 50px; background-color: yellow; opacity: 0.9; border-radius: 50%;"></div>
 
  <!-- Circle 4 -->
  <div style="position: absolute; top: 400px; left: 100px; width: 50px; height: 50px; background-color: yellow; opacity: 0.9; border-radius: 50%;"></div>
 
  <!-- Circle 5 -->
  <div style="position: absolute; top: 220px; left: 300px; width: 50px; height: 50px; background-color: yellow; opacity: 0.9; border-radius: 50%;"></div>
 
  <!-- Circle 6 -->
  <div style="position: absolute; top: 50px; left: 210px; width: 50px; height: 50px; background-color: yellow; opacity: 0.9; border-radius: 50%;"></div>
 
  <!-- Circle 7 -->
  <div style="position: absolute; top: 280px; left: 750px; width: 50px; height: 50px; background-color: yellow; opacity: 0.9; border-radius: 50%;"></div>
 
  <!-- Circle 8 -->
  <div style="position: absolute; top: 420px; left: 500px; width: 50px; height: 50px; background-color: yellow; opacity: 0.9; border-radius: 50%;"></div>
 
  <!-- Circle 9 -->
  <div style="position: absolute; top: 650px; left: 10px; width: 50px; height: 50px; background-color: yellow; opacity: 0.9; border-radius: 50%;"></div>
 
  <!-- Circle 10 -->
  <div style="position: absolute; top:450px; left:850px; width: 50px; height: 50px; background-color: yellow; opacity: 0.9; border-radius: 50%;"></div>
 
  <!-- Circle 11 -->
  <div style="position: absolute; top:530px; left:360px; width: 50px; height: 50px; background-color: yellow; opacity: 0.9; border-radius: 50%;"></div>
 
  <!-- Circle 12 -->
  <div style="position: absolute; top:100px; left:445px; width: 50px; height: 50px; background-color: yellow; opacity: 0.9; border-radius: 50%;"></div>
 
  <!-- Circle 13 -->
  <div style="position: absolute; top:120px; left:835px; width: 50px; height: 50px; background-color: yellow; opacity: 0.9; border-radius: 50%;"></div>
 
  <!-- Circle 14 -->
  <div style="position: absolute; top:-90px; left:500px; width: 50px; height: 50px; background-color: yellow; opacity: 0.9; border-radius: 50%;"></div>
 
  <!-- Circle 15 -->
  <div style="position: absolute; top:-40px; left:300px; width: 50px; height: 50px; background-color: yellow; opacity: 0.9; border-radius: 50%;"></div>
 
  <!-- Circle 16 -->
  <div style="position: absolute; top:-40px; left:800px; width: 50px; height: 50px; background-color: yellow; opacity: 0.9; border-radius: 50%;"></div>
 
  <!-- Circle 17 -->
  <div style="position: absolute; top:220px; left:920px; width: 50px; height: 50px; background-color: yellow; opacity: 0.9; border-radius: 50%;"></div>
 
  <!-- Circle 18 -->
  <div style="position: absolute; top:-180px; left:350px; width: 50px; height: 50px; background-color: yellow; opacity: 0; border-radius: 50%;"></div>
 
</div>
<div style="transform: scale(0.9);">
 
<div style="position: absolute; top: -20px; left: -10px; z-index: 3; width: 1000px; height: 700px; border: 10px solid DarkBlue; box-sizing: border-box; background-color: transparent;">
</div>
 
<div style="position: absolute; top: -24px; left: 240px; z-index: 4; width: 500px; height: 30px; background-color: white;">
</div>
 
<div style="position: absolute; top: 654px; left: 240px; z-index: 4; width: 500px; height: 30px; background-color: white;">
</div>
 
<div style="position: absolute; top: 220px; left: -14px; z-index: 4; width: 30px; height: 200px; background-color: white;">
</div>
 
<div style="position: absolute; top: 220px; left: 964px; z-index: 4; width: 30px; height: 200px; background-color: white;">
</div>
 
<div style="position: absolute; top:0px; left: 10px; z-index:2">
<img src="https://i.pinimg.com/564x/70/dd/62/70dd622cbeef81c0e01c5d7f7719683b.jpg" width="300px; height:350px">
</div>
 
<div style="position:absolute; top: 40px; left: 520px; z-index:2">
<img src="https://i.pinimg.com/564x/04/ff/09/04ff09544608358f145ba4c2572d0314.jpg" width="150px; height:200px"/>
</div>
 
<div style="position:absolute; top: 40px; left: 260px; z-index:2">
<img src="https://i.pinimg.com/564x/2f/c4/63/2fc4639498f6d11e1ec80ae418787399.jpg" width="180px; height:220px"/>
</div>
 
<div style="position:absolute; top: 230px; left: 580px; z-index:2">
<img src="https://i.pinimg.com/564x/52/10/85/52108513f7c5e267e24600a06c12caf0.jpg" width="400px; height:450px"/>
</div>
 
 
<div style="position:absolute; top: 200px; left: 400px; z-index:2">
<img src="https://i.pinimg.com/564x/bb/3a/f3/bb3af39e97ba79bb6508cebe0077b409.jpg" width="180px; height:220px"/>
</div>
 
<div style="position:absolute; top: 350px; left: 50px; z-index:2">
<img src="https://i.pinimg.com/564x/d8/ac/16/d8ac1620a7a07e3a6652e735cdffe400.jpg" width="220px; height:280px"/>
</div>
 
<div style="position:absolute; top: 400px; left: 330px; z-index:2">
<img src="https://i.pinimg.com/564x/77/a6/6d/77a66de442d18390f863989c7c90f126.jpg" width="250px; height:300px"/>
</div>
 
<div style="position:absolute; top: 20px; left: 700px; z-index:2">
<img src="https://i.pinimg.com/564x/64/26/25/642625328b90208d53360fe5e8ebc7aa.jpg" width="200px; height:250px"/>
</div>
 
 
 
<div style="position: absolute; top: 30px; left: 55px; z-index: 3; background-color: SpringGreen; opacity: 0; width: 150px; height: 250px; padding-left:8px"; cursor: help>
[https://hub.xpub.nl/chopchop/~wang/  1111111111111111111111<br>1111111111111111111111<br>1111111111111111111111<br>1111111111111111111111<br>1111111111111111111111<br>1111111111111111111111<br>1111111111111111111111<br>1111111111111111111111<br>1111111111111111111111<br>1111111111111111111111<br>1111111111111111111111<br>]</div>
 
<div style="position: absolute; top: 100px; left: 320px; z-index: 3; background-color: SpringGreen; opacity: 0; width: 60px; height: 60px; padding-left:8px">
[https://pzwiki.wdka.nl/mediadesign/Express_lane#Beer_Robber 11111111<br>11111111<br>11111111<br>]
</div>
 
<div style="position: absolute; top: 250px; left: 430px; z-index: 3; background-color: SpringGreen; opacity: 0; width: 100px; height: 80px; padding-left:8px">
[https://pzwiki.wdka.nl/mediadesign/Express_lane#Broke_it_anyway  11111111111111<br>11111111111111<br>11111111111111<br>]
</div>
 
<div style="position: absolute; top: 70px; left: 530px; z-index: 3; background-color: SpringGreen; opacity: 0; width: 140px; height: 100px; padding-left:8px">
[https://pzwiki.wdka.nl/mediadesign/Express_lane#Soda_water_stealer 1111111111111111111<br>1111111111111111111<br>1111111111111111111<br>1111111111111111111<br>]
</div>
 
<div style="position: absolute; top: 100px; left: 780px; z-index: 3; background-color: SpringGreen; opacity: 0; width: 30px; height: 110px; padding-left:8px">
[https://pzwiki.wdka.nl/mediadesign/Express_lane 11111<br>11111<br>11111<br>11111<br>11111<br>]
</div>
 
<div style="position: absolute; top: 380px; left: 80px; z-index: 3; background-color: SpringGreen; opacity: 0; width: 100px; height: 170px; padding-left:8px">
[https://pzwiki.wdka.nl/mediadesign/Express_lane#Piezo_sensor  1111111111111<br>1111111111111<br>1111111111111<br>1111111111111<br>1111111111111<br>1111111111111<br>1111111111111<br>1111111111111<br>]
</div>
 
<div style="position: absolute; top: 420px; left: 380px; z-index: 3; background-color: SpringGreen; opacity: 0; width: 150px; height: 130px; padding-left:8px">
[https://pzwiki.wdka.nl/mediadesign/Express_lane#Sound_Quilt  111111111111111111111<br>111111111111111111111<br>111111111111111111111<br>111111111111111111111<br>111111111111111111111<br>]
</div>
 
<div style="position: absolute; top: 330px; left: 700px; z-index: 3; background-color: SpringGreen; opacity: 0; width: 200px; height: 250px; padding-left:8px">
[https://pzwiki.wdka.nl/mediadesign/Offline_shop 111111111111111111111111111<br>111111111111111111111111111<br>111111111111111111111111111<br>111111111111111111111111111<br>111111111111111111111111111<br>111111111111111111111111111<br>111111111111111111111111111<br>111111111111111111111111111<br>111111111111111111111111111<br>111111111111111111111111111<br>]
</div>
</div>
 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
 
<div style="position:absolute; bottom:15px; left:58px; z-index:2; cursor:help;">
[[File:Button.png|frameless|100px|link=Lost/]]
</div>
 
<div style="position: absolute; bottom: -43px; left: 60px; z-index: 6; background-color:#eb0909; width: 90px; height: 45px; padding-bottom:3px; font-family: Luminari, fantasy; font-size: 30px; font-weight: 200; letter-spacing: 0px; color: white; cursor: not-allowed;">&nbsp;help⇪</div>
 
 
<br><br><br>
 
<div style="position: absolute; bottom: -43px; left:380px; z-index: 8; background-color: #AFEEEE; width: 130px; height: 120px; padding-left:8px">
[[Express lane|<span style="display: inline; position: relative; top:12px; font-family: Luminari, fantasy; font-size:30px; font-weight: 100; letter-spacing: 0px; color: white; cursor:help; line-height: 0.6;">Express<br>lane</span>]]
<p style="position: absolute; bottom: -2px; left: 8px; z-index: 8; font-family: Luminari, fantasy; font-size: 20px; font-weight: 900; letter-spacing: 0px; color: white;">02/04/2024
</p>
</p>
</div>
<div style="position: absolute; bottom: 25px; left: 290px; z-index: 6; background-color: YellowGreen; width: 130px; height: 120px; padding-left:8px">
[[Wang_SI24|<span style="display: inline; position: relative; font-family: Luminari, fantasy; font-size: 60px; font-weight: 900; letter-spacing: -20px; color: white; cursor:help;">②④</span>]]
</div>
<div style="position: absolute; bottom: 25px; left: 700px; z-index: 6; background-color: #1009eb; width: 130px; height: 120px; padding-left:8px">
[[Wang_SI22|<span style="display: inline; position: relative; font-family: Luminari, fantasy; font-size: 60px; font-weight: 900; letter-spacing: -20px; color: white; cursor:help;">②②</span>]]
</div>


<p style="position:relative; bottom:685px; z-index:2; left:269px; font-family: cursive; font-size:28px;">
''click on the items you want to buy.''
</p>


<p style="position:relative; bottom:800px; left:200px" |z-index:2>  
<div style="position: absolute; bottom: -80px; left: 500px; z-index: 6; background-color: black; width: 130px; height: 120px; padding-left:8px">
[[File:Talk box.png|frameless|520px]]
[[Wang/GraduationProject|<span style="display: inline; position: relative; font-family: Luminari, fantasy; font-size: 60px; font-weight: 900; letter-spacing: 5px; color: white; cursor:help;">GD</span>]]
</p>
</div>


<p style="position:relative; bottom:750px; left:90px" |z-index:2>
[[File:Shellf.png|frameless|550px]]
</p>


<p style="position:relative; bottom:927px; left:600px" |z-index:2>  
<div style="position: absolute; bottom: -43px; left: 800px; z-index: 6; background-color: #09c5eb; width: 130px; height: 120px; padding-left:8px">
[[File:Dealer.png|frameless|260px]]
[[Wang_SI23|<span style="display: inline; position: relative; font-family: Luminari, fantasy; font-size: 60px; font-weight: 900; letter-spacing: -20px; color: white; cursor:help;">②③</span>]]
</p>
</div>
[[Wang/YEAR 2]]
</div>
[[Wang/Project proposal]]
[[Wang/Thesis outline]]

Latest revision as of 17:47, 22 November 2024