whops
This commit is contained in:
Dario48true
parent
714fe2a449
commit
20b76c8c87
9 changed files with 285 additions and 726 deletions
|
|
@ -1,53 +1,44 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>/</title>
|
<meta charset="utf-8" />
|
||||||
<link rel="stylesheet" href="/style.css" />
|
<title>/bin/</title>
|
||||||
<script src="/disable_form.js" defer></script>
|
<link rel="stylesheet" href="/style.css" />
|
||||||
<script src="/bin/crypt.js"></script>
|
<script src="/disable_form.js" defer></script>
|
||||||
</head>
|
<script src="/bin/crypt.js"></script>
|
||||||
<body id="body">
|
</head>
|
||||||
<div class="border">
|
<body id="body">
|
||||||
<div class="column">
|
<div class="border">
|
||||||
<div class="stretch row">
|
<div class="column">
|
||||||
Dario48's website
|
<div class="stretch row">
|
||||||
<div style="aspect-ratio: 1 / 1">
|
Dario48's website
|
||||||
<button
|
<div style="aspect-ratio: 1 / 1">
|
||||||
type="button"
|
<button
|
||||||
onclick="document.getElementById('body').remove();"
|
type="button"
|
||||||
>
|
onclick="document.getElementById('body').remove();"
|
||||||
X
|
>
|
||||||
</button>
|
X
|
||||||
</div>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<form id="disable_enter">
|
</div>
|
||||||
<input
|
<form id="disable_enter">
|
||||||
type="text"
|
<input type="text" value="Hello" class="stretch" id="plaintext" />
|
||||||
value="Hello"
|
<input type="text" value="13" class="stretch" id="key" />
|
||||||
class="stretch"
|
<button
|
||||||
id="plaintext"
|
type="button"
|
||||||
/>
|
onclick="document.getElementById('encrypted').value = encrypt(document.getElementById('plaintext').value, document.getElementById('key').value)"
|
||||||
<input type="text" value="13" class="stretch" id="key" />
|
>
|
||||||
<button
|
Encrypt
|
||||||
type="button"
|
</button>
|
||||||
onclick="document.getElementById('encrypted').value = encrypt(document.getElementById('plaintext').value, document.getElementById('key').value)"
|
<button
|
||||||
>
|
type="button"
|
||||||
Encrypt
|
onclick="document.getElementById('plaintext').value = decrypt(document.getElementById('encrypted').value, document.getElementById('key').value)"
|
||||||
</button>
|
>
|
||||||
<button
|
Decrypt
|
||||||
type="button"
|
</button>
|
||||||
onclick="document.getElementById('plaintext').value = decrypt(document.getElementById('encrypted').value, document.getElementById('key').value)"
|
<input type="text" value="Uryyb" class="stretch" id="encrypted" />
|
||||||
>
|
</form>
|
||||||
Decrypt
|
</div>
|
||||||
</button>
|
</div>
|
||||||
<input
|
</body>
|
||||||
type="text"
|
|
||||||
value="Uryyb"
|
|
||||||
class="stretch"
|
|
||||||
id="encrypted"
|
|
||||||
/>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -2,6 +2,7 @@
|
||||||
<html style="background-color: black">
|
<html style="background-color: black">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
|
<title>firma_digitale-Dario_Spinnato</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div
|
<div
|
||||||
|
|
|
||||||
|
|
@ -1,79 +1,12 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>/</title>
|
<meta charset="utf-8" />
|
||||||
<style>
|
<title>/home/Dario48/Documents/</title>
|
||||||
* {
|
<link rel="stylesheet" href="/style.css">
|
||||||
margin: 0;
|
<script src="/path.js" defer=""></script>
|
||||||
padding: 0;
|
<script src="/disable_form.js" defer=""></script>
|
||||||
box-sizing: border-box;
|
</head>
|
||||||
background-color: #161925;
|
|
||||||
}
|
|
||||||
::selection{
|
|
||||||
background-color: #00D3A7;
|
|
||||||
color: #fefefe;
|
|
||||||
}
|
|
||||||
html,
|
|
||||||
body {
|
|
||||||
height: 100%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.stretch {
|
|
||||||
width: calc(50vw - 4px);
|
|
||||||
color: #C3C7D1;
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.column {
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
flex-direction: row;
|
|
||||||
}
|
|
||||||
|
|
||||||
.border {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
width: 50vw; /* 50% of the viewport's width */
|
|
||||||
height: 50vh; /* 50% of the viewport's height */
|
|
||||||
border: 2px solid white;
|
|
||||||
flex-direction: row; /* Stack children horizontaly */
|
|
||||||
justify-content: center; /* Align children to the top */
|
|
||||||
align-items: flex-start;
|
|
||||||
}
|
|
||||||
button {
|
|
||||||
background-color: #c6262e;
|
|
||||||
color=black;
|
|
||||||
border: 1px solid white;
|
|
||||||
cursor: pointer;
|
|
||||||
margin-left: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:hover {
|
|
||||||
background-color: #ed5353;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: #C3C7D1;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
width: max(min(90%, 100px), 50px);
|
|
||||||
aspect-ratio: 1/1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.folder {
|
|
||||||
width: 25%;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body id="body">
|
<body id="body">
|
||||||
<div class="border">
|
<div class="border">
|
||||||
<div class="column">
|
<div class="column">
|
||||||
|
|
|
||||||
|
|
@ -1,88 +1,21 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>/</title>
|
<meta charset="utf-8" />
|
||||||
<style>
|
<title>/home/Dario48/Pictures/folder.svg</title>
|
||||||
* {
|
<link rel="stylesheet" href="/style.css" />
|
||||||
margin: 0;
|
<script src="/path.js" defer=""></script>
|
||||||
padding: 0;
|
<script src="/disable_form.js" defer=""></script>
|
||||||
box-sizing: border-box;
|
</head>
|
||||||
background-color: #161925;
|
<body id="body">
|
||||||
}
|
<div class="border">
|
||||||
::selection{
|
<img
|
||||||
background-color: #00D3A7;
|
src="/home/Dario48/Pictures/folder.svg"
|
||||||
color: #fefefe;
|
style="
|
||||||
}
|
|
||||||
html,
|
|
||||||
body {
|
|
||||||
height: 100%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.stretch {
|
|
||||||
width: calc(50vw - 4px);
|
|
||||||
color: #C3C7D1;
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.column {
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
flex-direction: row;
|
|
||||||
}
|
|
||||||
|
|
||||||
.border {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
width: 50vw; /* 50% of the viewport's width */
|
|
||||||
height: 50vh; /* 50% of the viewport's height */
|
|
||||||
border: 2px solid white;
|
|
||||||
flex-direction: row; /* Stack children horizontaly */
|
|
||||||
justify-content: center; /* Align children to the top */
|
|
||||||
align-items: flex-start;
|
|
||||||
}
|
|
||||||
button {
|
|
||||||
background-color: #c6262e;
|
|
||||||
color=black;
|
|
||||||
border: 1px solid white;
|
|
||||||
cursor: pointer;
|
|
||||||
margin-left: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:hover {
|
|
||||||
background-color: #ed5353;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: #C3C7D1;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
width: max(min(90%, 100px), 50px);
|
|
||||||
aspect-ratio: 1/1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.folder {
|
|
||||||
width: 25%;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body id="body">
|
|
||||||
<div class="border">
|
|
||||||
<img
|
|
||||||
src="/home/Dario48/Pictures/folder.svg"
|
|
||||||
style="
|
|
||||||
height=100%;
|
height=100%;
|
||||||
width=100%;
|
width=100%;
|
||||||
"
|
"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,88 +1,21 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>/</title>
|
<meta charset="utf-8" />
|
||||||
<style>
|
<title>/home/Dario48/Pictures/html.svg</title>
|
||||||
* {
|
<link rel="stylesheet" href="/style.css" />
|
||||||
margin: 0;
|
<script src="/path.js" defer=""></script>
|
||||||
padding: 0;
|
<script src="/disable_form.js" defer=""></script>
|
||||||
box-sizing: border-box;
|
</head>
|
||||||
background-color: #161925;
|
<body id="body">
|
||||||
}
|
<div class="border">
|
||||||
::selection{
|
<img
|
||||||
background-color: #00D3A7;
|
src="/home/Dario48/Pictures/html.svg"
|
||||||
color: #fefefe;
|
style="
|
||||||
}
|
|
||||||
html,
|
|
||||||
body {
|
|
||||||
height: 100%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.stretch {
|
|
||||||
width: calc(50vw - 4px);
|
|
||||||
color: #C3C7D1;
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.column {
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
flex-direction: row;
|
|
||||||
}
|
|
||||||
|
|
||||||
.border {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
width: 50vw; /* 50% of the viewport's width */
|
|
||||||
height: 50vh; /* 50% of the viewport's height */
|
|
||||||
border: 2px solid white;
|
|
||||||
flex-direction: row; /* Stack children horizontaly */
|
|
||||||
justify-content: center; /* Align children to the top */
|
|
||||||
align-items: flex-start;
|
|
||||||
}
|
|
||||||
button {
|
|
||||||
background-color: #c6262e;
|
|
||||||
color=black;
|
|
||||||
border: 1px solid white;
|
|
||||||
cursor: pointer;
|
|
||||||
margin-left: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:hover {
|
|
||||||
background-color: #ed5353;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: #C3C7D1;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
width: max(min(90%, 100px), 50px);
|
|
||||||
aspect-ratio: 1/1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.folder {
|
|
||||||
width: 25%;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body id="body">
|
|
||||||
<div class="border">
|
|
||||||
<img
|
|
||||||
src="/home/Dario48/Pictures/html.svg"
|
|
||||||
style="
|
|
||||||
height=100%;
|
height=100%;
|
||||||
width=100%;
|
width=100%;
|
||||||
"
|
"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,125 +1,50 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>/</title>
|
<meta charset="utf-8" />
|
||||||
<style>
|
<title>/home/Dario48/Pictures/</title>
|
||||||
* {
|
<link rel="stylesheet" href="/style.css" />
|
||||||
margin: 0;
|
<script src="/path.js" defer=""></script>
|
||||||
padding: 0;
|
<script src="/disable_form.js" defer=""></script>
|
||||||
box-sizing: border-box;
|
</head>
|
||||||
background-color: #161925;
|
<body id="body">
|
||||||
}
|
<div class="border">
|
||||||
::selection{
|
<div class="column">
|
||||||
background-color: #00D3A7;
|
<div class="stretch row">
|
||||||
color: #fefefe;
|
Dario48's website
|
||||||
}
|
<div style="aspect-ratio: 1 / 1">
|
||||||
html,
|
<button
|
||||||
body {
|
type="button"
|
||||||
height: 100%;
|
onclick="document.getElementById('body').remove();"
|
||||||
display: flex;
|
>
|
||||||
justify-content: center;
|
X
|
||||||
align-items: center;
|
</button>
|
||||||
}
|
</div>
|
||||||
.stretch {
|
</div>
|
||||||
width: calc(50vw - 4px);
|
<form>
|
||||||
color: #C3C7D1;
|
<input type="text" value="/home/Dario48/Pictures/" class="stretch" />
|
||||||
margin-top: 0;
|
</form>
|
||||||
}
|
<nav class="row">
|
||||||
|
<div class="column folder">
|
||||||
.column {
|
<a href="folder.html">
|
||||||
flex-direction: column;
|
<img
|
||||||
}
|
src="/home/Dario48/Pictures/folder.svg"
|
||||||
|
style="display: block; margin-left: auto; margin-right: auto"
|
||||||
.row {
|
/>
|
||||||
display: flex;
|
<p style="text-align: center">folder.svg</p>
|
||||||
justify-content: space-between;
|
</a>
|
||||||
flex-direction: row;
|
</div>
|
||||||
}
|
<div class="column folder">
|
||||||
|
<a href="html.html">
|
||||||
.border {
|
<img
|
||||||
display: flex;
|
src="/home/Dario48/Pictures/html.svg"
|
||||||
justify-content: center;
|
style="display: block; margin-left: auto; margin-right: auto"
|
||||||
align-items: center;
|
/>
|
||||||
width: 50vw; /* 50% of the viewport's width */
|
<p style="text-align: center">html.svg</p>
|
||||||
height: 50vh; /* 50% of the viewport's height */
|
</a>
|
||||||
border: 2px solid white;
|
</div>
|
||||||
flex-direction: row; /* Stack children horizontaly */
|
</nav>
|
||||||
justify-content: center; /* Align children to the top */
|
</div>
|
||||||
align-items: flex-start;
|
</div>
|
||||||
}
|
</body>
|
||||||
button {
|
|
||||||
background-color: #c6262e;
|
|
||||||
color=black;
|
|
||||||
border: 1px solid white;
|
|
||||||
cursor: pointer;
|
|
||||||
margin-left: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:hover {
|
|
||||||
background-color: #ed5353;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: #C3C7D1;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
width: max(min(90%, 100px), 50px);
|
|
||||||
aspect-ratio: 1/1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.folder {
|
|
||||||
width: 25%;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body id="body">
|
|
||||||
<div class="border">
|
|
||||||
<div class="column">
|
|
||||||
<div class="stretch row">
|
|
||||||
Dario48's website
|
|
||||||
<div style="aspect-ratio: 1 / 1">
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
onclick="document.getElementById('body').remove();"
|
|
||||||
>
|
|
||||||
X
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<form>
|
|
||||||
<input type="text" value="/home/Dario48/Pictures/" class="stretch" />
|
|
||||||
</form>
|
|
||||||
<nav class="row">
|
|
||||||
<div class="column folder">
|
|
||||||
<a href="folder.html">
|
|
||||||
<img
|
|
||||||
src="/home/Dario48/Pictures/folder.svg"
|
|
||||||
style="
|
|
||||||
display: block;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
"
|
|
||||||
/>
|
|
||||||
<p style="text-align: center">folder.svg</p>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="column folder">
|
|
||||||
<a href="html.html">
|
|
||||||
<img
|
|
||||||
src="/home/Dario48/Pictures/html.svg"
|
|
||||||
style="
|
|
||||||
display: block;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
"
|
|
||||||
/>
|
|
||||||
<p style="text-align: center">html.svg</p>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,138 +1,63 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>/</title>
|
<meta charset="utf-8" />
|
||||||
<style>
|
<title>/home/Dario48/</title>
|
||||||
* {
|
<link rel="stylesheet" href="/style.css" />
|
||||||
margin: 0;
|
<script src="/path.js" defer=""></script>
|
||||||
padding: 0;
|
<script src="/disable_form.js" defer=""></script>
|
||||||
box-sizing: border-box;
|
</head>
|
||||||
background-color: #161925;
|
<body id="body">
|
||||||
}
|
<div class="border">
|
||||||
::selection{
|
<div class="column">
|
||||||
background-color: #00D3A7;
|
<div class="stretch row">
|
||||||
color: #fefefe;
|
Dario48's website
|
||||||
}
|
<div style="aspect-ratio: 1 / 1">
|
||||||
html,
|
<button
|
||||||
body {
|
type="button"
|
||||||
height: 100%;
|
onclick="document.getElementById('body').remove();"
|
||||||
display: flex;
|
>
|
||||||
justify-content: center;
|
X
|
||||||
align-items: center;
|
</button>
|
||||||
}
|
</div>
|
||||||
.stretch {
|
</div>
|
||||||
width: calc(50vw - 4px);
|
<form>
|
||||||
color: #C3C7D1;
|
<input type="text" value="/home/Dario48/" class="stretch" />
|
||||||
margin-top: 0;
|
</form>
|
||||||
}
|
<nav class="row">
|
||||||
|
<div class="column folder">
|
||||||
.column {
|
<a href="Pictures/">
|
||||||
flex-direction: column;
|
<img
|
||||||
}
|
src="/home/Dario48/Pictures/folder.svg"
|
||||||
|
style="display: block; margin-left: auto; margin-right: auto"
|
||||||
.row {
|
/>
|
||||||
display: flex;
|
<p style="text-align: center">Pictures</p>
|
||||||
justify-content: space-between;
|
</a>
|
||||||
flex-direction: row;
|
</div>
|
||||||
}
|
<div class="column folder">
|
||||||
|
<a href="Documents/">
|
||||||
.border {
|
<img
|
||||||
display: flex;
|
src="/home/Dario48/Pictures/folder.svg"
|
||||||
justify-content: center;
|
style="display: block; margin-left: auto; margin-right: auto"
|
||||||
align-items: center;
|
/>
|
||||||
width: 50vw; /* 50% of the viewport's width */
|
<p style="text-align: center">Documents</p>
|
||||||
height: 50vh; /* 50% of the viewport's height */
|
</a>
|
||||||
border: 2px solid white;
|
</div>
|
||||||
flex-direction: row; /* Stack children horizontaly */
|
<div class="column folder">
|
||||||
justify-content: center; /* Align children to the top */
|
<a
|
||||||
align-items: flex-start;
|
href="compito_online-ricerca_Dario-Spinnato-4Q-RSA-13022025.html"
|
||||||
}
|
>
|
||||||
button {
|
<img
|
||||||
background-color: #c6262e;
|
src="/home/Dario48/Pictures/html.svg"
|
||||||
color=black;
|
style="display: block; margin-left: auto; margin-right: auto"
|
||||||
border: 1px solid white;
|
/>
|
||||||
cursor: pointer;
|
<p style="text-align: center">
|
||||||
margin-left: auto;
|
compito_online-ricerca_Dario-Spinnato-4Q-RSA-13022025.html
|
||||||
}
|
</p>
|
||||||
|
</a>
|
||||||
button:hover {
|
</div>
|
||||||
background-color: #ed5353;
|
</nav>
|
||||||
}
|
</div>
|
||||||
|
</div>
|
||||||
a {
|
</body>
|
||||||
text-decoration: none;
|
|
||||||
color: #C3C7D1;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
width: max(min(90%, 100px), 50px);
|
|
||||||
aspect-ratio: 1/1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.folder {
|
|
||||||
width: 25%;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body id="body">
|
|
||||||
<div class="border">
|
|
||||||
<div class="column">
|
|
||||||
<div class="stretch row">
|
|
||||||
Dario48's website
|
|
||||||
<div style="aspect-ratio: 1 / 1">
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
onclick="document.getElementById('body').remove();"
|
|
||||||
>
|
|
||||||
X
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<form>
|
|
||||||
<input type="text" value="/home/Dario48/" class="stretch" />
|
|
||||||
</form>
|
|
||||||
<nav class="row">
|
|
||||||
<div class="column folder">
|
|
||||||
<a href="Pictures/">
|
|
||||||
<img
|
|
||||||
src="/home/Dario48/Pictures/folder.svg"
|
|
||||||
style="
|
|
||||||
display: block;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
"
|
|
||||||
/>
|
|
||||||
<p style="text-align: center">Pictures</p>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="column folder">
|
|
||||||
<a href="Documents/">
|
|
||||||
<img
|
|
||||||
src="/home/Dario48/Pictures/folder.svg"
|
|
||||||
style="
|
|
||||||
display: block;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
"
|
|
||||||
/>
|
|
||||||
<p style="text-align: center">Documents</p>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="column folder">
|
|
||||||
<a href="compito_online-ricerca_Dario-Spinnato-4Q-RSA-13022025.html">
|
|
||||||
<img
|
|
||||||
src="/home/Dario48/Pictures/html.svg"
|
|
||||||
style="
|
|
||||||
display: block;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
"
|
|
||||||
/>
|
|
||||||
<p style="text-align: center">compito_online-ricerca_Dario-Spinnato-4Q-RSA-13022025.html</p>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
147
home/index.html
147
home/index.html
|
|
@ -1,112 +1,41 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>/</title>
|
<meta charset="utf-8" />
|
||||||
<style>
|
<title>/home/</title>
|
||||||
* {
|
<link rel="stylesheet" href="/style.css" />
|
||||||
margin: 0;
|
<script src="/path.js" defer=""></script>
|
||||||
padding: 0;
|
<script src="/disable_form.js" defer=""></script>
|
||||||
box-sizing: border-box;
|
</head>
|
||||||
background-color: #161925;
|
<body id="body">
|
||||||
}
|
<div class="border">
|
||||||
::selection{
|
<div class="column">
|
||||||
background-color: #00D3A7;
|
<div class="stretch row">
|
||||||
color: #fefefe;
|
Dario48's website
|
||||||
}
|
<div style="aspect-ratio: 1 / 1">
|
||||||
html,
|
<button
|
||||||
body {
|
type="button"
|
||||||
height: 100%;
|
onclick="document.getElementById('body').remove();"
|
||||||
display: flex;
|
>
|
||||||
justify-content: center;
|
X
|
||||||
align-items: center;
|
</button>
|
||||||
}
|
</div>
|
||||||
.stretch {
|
</div>
|
||||||
width: calc(50vw - 4px);
|
<form>
|
||||||
color: #C3C7D1;
|
<input type="text" value="/home/" class="stretch" />
|
||||||
margin-top: 0;
|
</form>
|
||||||
}
|
<nav class="row">
|
||||||
|
<div class="column folder">
|
||||||
.column {
|
<a href="Dario48/">
|
||||||
flex-direction: column;
|
<img
|
||||||
}
|
src="Dario48/Pictures/folder.svg"
|
||||||
|
style="display: block; margin-left: auto; margin-right: auto"
|
||||||
.row {
|
/>
|
||||||
display: flex;
|
<p style="text-align: center">Dario48</p>
|
||||||
justify-content: space-between;
|
</a>
|
||||||
flex-direction: row;
|
</div>
|
||||||
}
|
</nav>
|
||||||
|
</div>
|
||||||
.border {
|
</div>
|
||||||
display: flex;
|
</body>
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
width: 50vw; /* 50% of the viewport's width */
|
|
||||||
height: 50vh; /* 50% of the viewport's height */
|
|
||||||
border: 2px solid white;
|
|
||||||
flex-direction: row; /* Stack children horizontaly */
|
|
||||||
justify-content: center; /* Align children to the top */
|
|
||||||
align-items: flex-start;
|
|
||||||
}
|
|
||||||
button {
|
|
||||||
background-color: #c6262e;
|
|
||||||
color=black;
|
|
||||||
border: 1px solid white;
|
|
||||||
cursor: pointer;
|
|
||||||
margin-left: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:hover {
|
|
||||||
background-color: #ed5353;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: #C3C7D1;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
width: max(min(90%, 100px), 50px);
|
|
||||||
aspect-ratio: 1/1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.folder {
|
|
||||||
width: 25%;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body id="body">
|
|
||||||
<div class="border">
|
|
||||||
<div class="column">
|
|
||||||
<div class="stretch row">
|
|
||||||
Dario48's website
|
|
||||||
<div style="aspect-ratio: 1 / 1">
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
onclick="document.getElementById('body').remove();"
|
|
||||||
>
|
|
||||||
X
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<form>
|
|
||||||
<input type="text" value="/home/" class="stretch" />
|
|
||||||
</form>
|
|
||||||
<nav class="row">
|
|
||||||
<div class="column folder">
|
|
||||||
<a href="Dario48/">
|
|
||||||
<img
|
|
||||||
src="Dario48/Pictures/folder.svg"
|
|
||||||
style="
|
|
||||||
display: block;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
"
|
|
||||||
/>
|
|
||||||
<p style="text-align: center">Dario48</p>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
133
index.html
133
index.html
|
|
@ -1,75 +1,64 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>/</title>
|
<meta charset="utf-8" />
|
||||||
<link rel="stylesheet" href="/style.css" />
|
<title>/</title>
|
||||||
<script src="/path.js" defer></script>
|
<link rel="stylesheet" href="/style.css" />
|
||||||
<script src="/disable_form.js" defer></script>
|
<script src="/path.js" defer></script>
|
||||||
</head>
|
<script src="/disable_form.js" defer></script>
|
||||||
<body id="body">
|
</head>
|
||||||
<div class="border">
|
<body id="body">
|
||||||
<div class="column">
|
<div class="border">
|
||||||
<div class="stretch row">
|
<div class="column">
|
||||||
Dario48's website
|
<div class="stretch row">
|
||||||
<div style="aspect-ratio: 1 / 1">
|
Dario48's website
|
||||||
<button
|
<div style="aspect-ratio: 1 / 1">
|
||||||
type="button"
|
<button
|
||||||
onclick="document.getElementById('body').remove();"
|
type="button"
|
||||||
>
|
onclick="document.getElementById('body').remove();"
|
||||||
X
|
>
|
||||||
</button>
|
X
|
||||||
</div>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<form>
|
</div>
|
||||||
<input
|
<form>
|
||||||
type="text"
|
<input
|
||||||
value="/"
|
type="text"
|
||||||
class="stretch"
|
value="/"
|
||||||
id="path disable_enter"
|
class="stretch"
|
||||||
/>
|
id="path disable_enter"
|
||||||
</form>
|
/>
|
||||||
<nav class="row">
|
</form>
|
||||||
<div class="column folder">
|
<nav class="row">
|
||||||
<a href="bin/">
|
<div class="column folder">
|
||||||
<img
|
<a href="bin/">
|
||||||
src="home/Dario48/Pictures/folder.svg"
|
<img
|
||||||
style="
|
src="home/Dario48/Pictures/folder.svg"
|
||||||
display: block;
|
style="display: block; margin-left: auto; margin-right: auto"
|
||||||
margin-left: auto;
|
/>
|
||||||
margin-right: auto;
|
<p style="text-align: center">bin</p>
|
||||||
"
|
</a>
|
||||||
/>
|
</div>
|
||||||
<p style="text-align: center">bin</p>
|
<div class="column folder">
|
||||||
</a>
|
<a href="home/">
|
||||||
</div>
|
<img
|
||||||
<div class="column folder">
|
src="home/Dario48/Pictures/folder.svg"
|
||||||
<a href="home/">
|
style="display: block; margin-left: auto; margin-right: auto"
|
||||||
<img
|
/>
|
||||||
src="home/Dario48/Pictures/folder.svg"
|
<p style="text-align: center">home</p>
|
||||||
style="
|
</a>
|
||||||
display: block;
|
</div>
|
||||||
margin-left: auto;
|
<div class="column folder">
|
||||||
margin-right: auto;
|
<a href="root/">
|
||||||
"
|
<img
|
||||||
/>
|
src="home/Dario48/Pictures/folder.svg"
|
||||||
<p style="text-align: center">home</p>
|
style="display: block; margin-left: auto; margin-right: auto"
|
||||||
</a>
|
/>
|
||||||
</div>
|
<p style="text-align: center">root</p>
|
||||||
<div class="column folder">
|
</a>
|
||||||
<a href="root/">
|
</div>
|
||||||
<img
|
</nav>
|
||||||
src="home/Dario48/Pictures/folder.svg"
|
</div>
|
||||||
style="
|
</div>
|
||||||
display: block;
|
</body>
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
"
|
|
||||||
/>
|
|
||||||
<p style="text-align: center">root</p>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue