Updating weekly post
This commit is contained in:
parent
ac9033c958
commit
f1460861b9
3 changed files with 60 additions and 146 deletions
|
|
@ -801,28 +801,6 @@ body {
|
|||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* Cables on desk - now using SVG for curves */
|
||||
.desk-cables {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
pointer-events: none;
|
||||
z-index: 7;
|
||||
}
|
||||
|
||||
.cable-svg {
|
||||
position: absolute;
|
||||
bottom: 20%;
|
||||
z-index: 4;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.cable-svg svg {
|
||||
filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
|
||||
}
|
||||
|
||||
/* Secondary monitors on desk */
|
||||
/* Secondary CRT monitors - positioned relative to main monitor */
|
||||
.secondary-screen {
|
||||
|
|
@ -833,11 +811,6 @@ body {
|
|||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
/* Wall-mounted CRT 1 - upper left relative to main */
|
||||
|
||||
/* Wall-mounted CRT 2 - upper right, larger, closely stacked */
|
||||
|
||||
/* Wall-mounted CRT 4 - lower left relative to main */
|
||||
|
||||
/* Desk-mounted CRT - on desk left side */
|
||||
.desk-monitor {
|
||||
|
|
@ -896,54 +869,6 @@ body {
|
|||
animation: pulse 2s ease-in-out infinite;
|
||||
}
|
||||
|
||||
/* Small equipment on desk */
|
||||
.desk-equipment {
|
||||
position: absolute;
|
||||
bottom: 10%;
|
||||
background: linear-gradient(145deg, #4a4a4a 0%, #2a2a2a 100%);
|
||||
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
|
||||
z-index: 8;
|
||||
}
|
||||
|
||||
.modem {
|
||||
right: 25%;
|
||||
width: 35px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
.modem::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 5px;
|
||||
transform: translateY(-50%);
|
||||
width: 2px;
|
||||
height: 2px;
|
||||
background: #0f0;
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 0 4px #0f0;
|
||||
animation: pulse 1s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.power-strip {
|
||||
left: 35%;
|
||||
width: 50px;
|
||||
height: 8px;
|
||||
background: linear-gradient(145deg, #1a1a1a 0%, #0a0a0a 100%);
|
||||
}
|
||||
|
||||
.power-strip::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 10px;
|
||||
transform: translateY(-50%);
|
||||
width: 3px;
|
||||
height: 3px;
|
||||
background: #f00;
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 0 4px #f00;
|
||||
}
|
||||
.monitor-stand-small {
|
||||
position: absolute;
|
||||
bottom: -20px;
|
||||
|
|
@ -1099,53 +1024,6 @@ body {
|
|||
}
|
||||
}
|
||||
|
||||
/* Widgets and gadgets */
|
||||
.widget {
|
||||
position: absolute;
|
||||
bottom: 8%;
|
||||
border-radius: 2px;
|
||||
z-index: 6;
|
||||
}
|
||||
|
||||
.router {
|
||||
left: 25%;
|
||||
width: 170px;
|
||||
height: 50px;
|
||||
background: linear-gradient(180deg, #2a2a2a 0%, #1a1a1a 100%);
|
||||
border: 1px solid #333;
|
||||
box-shadow:
|
||||
0 2px 8px rgba(0, 0, 0, 0.5),
|
||||
inset 0 1px 2px rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.router::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 10px;
|
||||
transform: translateY(-50%);
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
background: #0f0;
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 0 5px #0f0;
|
||||
animation: blink-fast 1s infinite;
|
||||
}
|
||||
|
||||
.router::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 20px;
|
||||
transform: translateY(-50%);
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
background: #ff0;
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 0 5px #ff0;
|
||||
animation: blink-fast 1.5s infinite;
|
||||
}
|
||||
|
||||
@keyframes blink-fast {
|
||||
0%,
|
||||
100% {
|
||||
|
|
@ -1156,30 +1034,7 @@ body {
|
|||
}
|
||||
}
|
||||
|
||||
.hard-drive {
|
||||
left: 30%;
|
||||
bottom: 20%;
|
||||
width: 55px;
|
||||
height: 35px;
|
||||
background: linear-gradient(180deg, #3a3a3a 0%, #2a2a2a 100%);
|
||||
border: 1px solid #444;
|
||||
box-shadow:
|
||||
0 2px 8px rgba(0, 0, 0, 0.5),
|
||||
inset 0 1px 2px rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.hard-drive::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
right: 8px;
|
||||
width: 3px;
|
||||
height: 3px;
|
||||
background: #f00;
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 0 5px #f00;
|
||||
animation: pulse-slow 2s infinite;
|
||||
}
|
||||
|
||||
@keyframes pulse-slow {
|
||||
0%,
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue