hacklab/hacklab_web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Primer commit, volcado de todos los archivos

Browse source
This commit is contained in:
Admin de hacklab 2025-11-04 15:07:37 +01:00
commit 2f96306686
109 changed files with 4567 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

121
artivismo.css Normal file
View file

@ -0,0 +1,121 @@
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
body {
background-color: #000000;
color: #00ff00;
font-family: 'Special Elite', 'Courier New', Courier, monospace;
margin: 0;
padding: 0;
overflow-x: hidden;
display: flex;
justify-content: center;
align-items: flex-start;
height: 100vh;
}
.container {
text-align: center;
max-width: 95%;
width: calc(100% - 40px);
border: 2px solid #00ff00;
padding: 20px;
background-color: #000;
box-shadow: 0 0 20px #00ff00;
position: relative;
z-index: 10;
overflow-y: auto;
max-height: 90vh;
}
header {
text-align: center;
}
header marquee {
font-size: 1.2em;
color: #ff0080;
}
h1 {
font-family: 'Press Start 2P', sans-serif;
margin: 20px 0;
font-size: 2.5em;
text-transform: uppercase;
color: #ff69b4;
text-shadow: 3px 3px 0 #ff0000, -1px -1px 0 #ff0000, 1px -1px 0 #ff0000, -1px 1px 0 #ff0000, 1px 1px 0 #ff0000;
}
h2 {
margin: 30px 0 10px;
font-size: 1.8em;
text-decoration: underline;
color: #ff0080;
}
.gallery {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin-bottom: 30px;
}
.gallery img {
max-width: 30%;
border: 2px solid #00ff00;
box-shadow: 0 0 10px #ff69b4;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.gallery img:hover {
transform: scale(1.1);
box-shadow: 0 0 20px #ff69b4;
}
.downloads {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
.download-button {
background-color: #00ff00;
color: #000000;
padding: 10px 20px;
text-decoration: none;
font-family: 'Special Elite', 'Courier New', Courier, monospace;
font-size: 0.8em;
border-radius: 5px;
border: 2px solid #00ff00;
box-shadow: 0 4px #008000;
transition: all 0.3s ease;
}
.download-button:hover {
background-color: #ff69b4;
color: #00ff00;
box-shadow: 0 6px #00ff00, 0 0 10px #ff69b4;
transform: translateY(-2px);
}
footer {
text-align: center;
margin-top: 20px;
padding: 10px;
background-color: #000;
border-top: 2px solid #00ff00;
position: relative;
z-index: 10;
}
.marquee-footer {
background-color: #000;
padding: 5px 0;
border-top: 2px solid #00ff00;
border-bottom: 2px solid #00ff00;
color: #ff69b4;
font-family: 'Press Start 2P', sans-serif;
font-size: 0.8em;
}