claudio/VSC
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Issue

Browse Source 
Code backup
This commit is contained in:
Claudio
2026-05-10 16:59:01 +02:00
commit 368d6fafea
796 changed files with 315310 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Web/_Test/Botton UI/Portal.svg
+38
View File
@@ -0,0 +1,38 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="1000px" height="1000px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
<g>
<path fill="#007BC0" d="M904,708.44c0,13.75-9.855,30.627-21.762,37.505L522.177,953.9c-11.906,6.878-31.418,6.878-43.324,0
L118.749,745.945C106.843,739.067,97,722.19,97,708.44V292.513c0-13.75,9.829-30.627,21.735-37.505L478.78,47.055
c11.906-6.878,31.411-6.878,43.317,0l360.129,207.954C894.133,261.887,904,278.764,904,292.514V708.44z"/>
</g>
<g opacity="0.6">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="741.4775" y1="156.3135" x2="259.5034" y2="844.6437">
<stop offset="0" style="stop-color:#FFFFFF;stop-opacity:0"/>
<stop offset="0.4803" style="stop-color:#8B87B0;stop-opacity:0.4803"/>
<stop offset="0.8379" style="stop-color:#3A3479;stop-opacity:0.8379"/>
<stop offset="1" style="stop-color:#1B1464"/>
</linearGradient>
<path fill="url(#SVGID_1_)" d="M904,708.44c0,13.75-9.855,30.627-21.762,37.505L522.177,953.9c-11.906,6.878-31.418,6.878-43.324,0
L118.749,745.945C106.843,739.067,97,722.19,97,708.44V292.513c0-13.75,9.829-30.627,21.735-37.505L478.78,47.055
c11.906-6.878,31.411-6.878,43.317,0l360.129,207.954C894.133,261.887,904,278.764,904,292.514V708.44z"/>
</g>
<g>
<path fill="#D9D9D9" d="M631.316,559.534c52.354-36.205,86.725-96.645,86.725-164.972c0-0.776-0.021-1.547-0.029-2.32
L529.783,500.915L631.316,559.534z"/>
<path fill="#D9D9D9" d="M614.188,336.293L614,336.617v102.231l104.516-60.343C713.001,309.243,671,249.786,614,218.24v117.946
L614.188,336.293z"/>
<path fill="#D9D9D9" d="M403.843,229.589c-52.35,36.205-86.721,96.645-86.721,164.973c0,0.774,0.021,1.547,0.031,2.322
l188.226-108.674L403.843,229.589z"/>
<path fill="#D9D9D9" d="M600,212.154c-24-11.584-53.133-18.051-82.758-18.051c-37.299,0-72.411,10.249-102.352,28.067L600,329.141
V212.154z"/>
<path fill="#D9D9D9" d="M619.926,566.954L429,456.628v117.565c27,13.32,56.913,20.83,88.826,20.83
C555.121,595.023,589.99,584.769,619.926,566.954z"/>
<circle fill="#D9D9D9" cx="516.7" cy="394.123" r="64.499"/>
<path fill="#D9D9D9" d="M416.604,377.75c0.002-13.131-9.301-18.625-20.672-12.059l-57.352,33.051
c-11.373,6.566-20.678,22.734-20.681,35.866L317.883,527h-0.012l-0.038,217.379c-0.003,13.131,9.3,18.462,20.672,11.895
l57.353-33.132c11.371-6.565,20.678-22.45,20.68-35.579L416.554,596h0.012L416.604,377.75z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

Web/_Test/Botton UI/icomoon.woff
BIN
View File
Binary file not shown.
Web/_Test/Botton UI/index.html
+225
View File
@@ -0,0 +1,225 @@
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Test Page</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='main.css'>
<script src='main.js'></script>
</head>
<body>
<div class="heading">
<p>HUB</p>
</div>
<div>
<p class="title">Blocco 1</p>
<i class="fas fa-audio-description"></i>
<hr>
<div class="section">
<div class="wrapper">
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
</div>
<div class="section">
<div class="wrapper">
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
</div>
</div>
</div>
</div>
<div>
<p class="title">Blocco 2</p>
<hr>
<div class="section">
<div class="wrapper">
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
</div>
<div class="section">
<div class="wrapper">
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
</div>
</div>
</div>
</div>
<div>
<p class="title">Blocco 3</p>
<hr>
<div class="section">
<div class="wrapper">
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
</div>
<div class="section">
<div class="wrapper">
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
</div>
</div>
</div>
</div>
<div>
<p class="title">Blocco 4</p>
<hr>
<div class="section">
<div class="wrapper">
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
</div>
<div class="section">
<div class="wrapper">
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
<div onclick="location.href='LINK';" class="icon builck">
<div class="tooltip">Builck</div>
<span><p class="ob-icon"></p></span>
</div>
</div>
</div>
</div>
</div>
<div class="piedipagina">
<p>Sono un semplice pie</p>
</div>
</body>
</html>
Web/_Test/Botton UI/main.css
+141
View File
@@ -0,0 +1,141 @@
@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
@font-face {
font-family: myFirstFont;
src: url(icomoon.woff);
}
::-webkit-scrollbar {
display: none;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
*:focus,
*:active {
outline: none !important;
-webkit-tap-highlight-color: transparent;
}
html {
background: black;
background-attachment: fixed;
/* background-image: url("./Portal.svg"); */
background-position: center;
background-repeat: no-repeat;
background-size: auto;
opacity: 0.1;
}
body {
display: grid;
height: 100%;
width: 100%;
font-family: "Poppins", sans-serif;
place-items: center;
padding-bottom: 25px;
}
.wrapper {
display: inline-flex;
}
.wrapper .icon {
position: relative;
background-color: #ffffff;
border-radius: 15px;
padding: 15px;
margin: 10px;
width: 100px;
height: 50px;
font-size: 18px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
cursor: pointer;
transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.wrapper .tooltip {
position: absolute;
top: 0;
font-size: 14px;
background-color: #ffffff;
color: #ffffff;
padding: 5px 8px;
border-radius: 5px;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
opacity: 0;
pointer-events: none;
transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.wrapper .tooltip::before {
position: absolute;
content: "";
height: 8px;
width: 8px;
background-color: #ffffff;
bottom: -3px;
left: 50%;
transform: translate(-50%) rotate(45deg);
transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.wrapper .icon:hover .tooltip {
top: -45px;
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.wrapper .icon:hover span,
.wrapper .icon:hover .tooltip {
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
}
.wrapper .builck:hover,
.wrapper .builck:hover .tooltip,
.wrapper .builck:hover .tooltip::before {
background-color: #EFB729;
color: #ffffff;
}
.ob-icon {
font-family: myFirstFont;
font-size: 30px;
}
.title {
padding-left: 15px;
}
.section {
align-items: center;
}
.piedipagina {
display: grid;
position: fixed;
width: 100%;
height: 25px;
top: auto;
right: 0;
bottom: 0;
left: 0;
background-color: black;
color: #ffffff;
text-align: center;
}
.heading {
width: 100%;
height: 180px;
}