index-grid.html

<!doctype html>

<html>

<head>
	<title>Home Page with Grid</title>
	
	<meta name="viewport" content="width=device-width, initial-scale=1">
   
   <link href="style-grid.css" rel="stylesheet">
	<link rel="stylesheet" href='https://fonts.googleapis.com/css?family=Abel'>
	
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/crypto-js.js"></script>
		

<script type="text/javascript" >

	var encurllist = ['U2FsdGVkX1+3+2ukY2kRI0H6gIu4Y4s3gTyhCCZrdtjx3kWLrxq/X+Xoh+m0QcnRPcjl4QbXxRztY+ycg38QAA==']
	
	
	function encrypt(cleartext, key){
  		//var inputan = document.getElementById('inputan').value;
		  console.log(cleartext);  		
		  console.log(key);
		  out = CryptoJS.AES.encrypt(cleartext, key)
  		console.log(out.toString());
  		
  		//document.getElementById('app').innerHTML = encrypted;
	}	

	function decrypt(hiddentext, key){
  		//var inputan2 = document.getElementById('inputan2').value;
  		//console.log(hiddentext, key)
  		return CryptoJS.AES.decrypt(hiddentext, key);
  		//document.getElementById('app2').innerHTML = decrypted.toString(CryptoJS.enc.Utf8);
	}

	function decurl(i){
		console.log(encurllist[i]);
		key = prompt("Please enter your key", "");
		decry = decrypt(encurllist[i], key);
		window.open(decry.toString(CryptoJS.enc.Utf8));
		return false;
		//cleartext = prompt("Please enter your text", "decryption");
		//key = prompt("Please enter your key", "decryption");	
		//console.log(key);
		//enc = encrypt(cleartext, key);
		//console.log(enc.toString(CryptoJS.enc.Utf8));
	}


</script>

</head>

<body>


<div class="grid-container">


  	<div class="Box2 patt1">
  	
  	<p id="text">Sunrise and sunset in Turin: 

	<span id="Turin_z723" style="color:#FFFFFF;"></span>
	<script src="https://widget.time.is/it.js"></script>
	<script>
	time_is_widget.init({Turin_z723:
  	{
		template: "SUN",
		sun_format: "srhour:srminute - sshour:ssminute",
		coords: "45.116177,7.742615"
		}
  	});
	</script>

	
  	</div>
  	
     
  <div class="Box1 flex-container patt1">
	
	<h3>Top Sites</h3>  
		<a href="https://www.ilmeteo.it/box/previsioni.php?citta=7301&type=day1&width=600&ico=1&lang=ita&days=6&font=Tahoma&fontsize=14&bg=FFFFFF&fg=000000&bgtitle=0099FF&fgtitle=FFFFFF&bgtab=F0F0F0&fglink=1773C2"><i class="fas fa-sun"></i>Meteo Torino</a>
    	<a href="https://www.3bmeteo.com/meteo/torino"><i class="fas fa-cloud"></i>3B Meteo</a>
    	<a href="https://www.timeanddate.com/worldclock/italy/turin"><i class="fa fa-calendar"></i>Turin Time and Zone</a>
	 	<a href="https://www.inoreader.com/folder/Torino"><i class="fas fa-rss"></i>Inoreader</a>
	 	<a href="https://web.whatsapp.com/"><i class="fab fa-whatsapp"></i>Whatsapp</a>
    	<a href="https://web.telegram.org/z/"><i class="fab fa-telegram"></i>Telegram</a>
  
  	
  	
  </div>  

	<div class="Box3 bg1"></div>

	<div class="Box4 flex-container patt1">
	
	<h3>Math & Games</h3>
		<a href="https://sudoku.jull.dev/"><i class="fa-solid fa-border-none"></i>Sudoku</a>
    	<a href="https://api.razzlepuzzles.com/2048?locale=it"><i class="fa-solid fa-brain"></i>2048</a>
		<a href="https://wordly.org/it"><i class="fa-solid fa-file-word"></i>Wordle</a>
    	<a href="https://www.desmos.com/calculator"><i class="fa-solid fa-chart-line"></i>Graphic Calc</a>
	
	</div>
	<div class="Box5 patt1">
	
	<i class="fa-regular fa-calendar-days"></i>
	<p id="text"><script>document.write(new Date().toLocaleDateString()); </script>
	<p id="giorno">
		
	<script>
		const weekday = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];

		const d = new Date();
		let day = weekday[d.getDay()];
		document.getElementById("giorno").innerHTML = day;
	</script>	
	
	</div>

  	<div class="Box6 patt1 flex-container">
  	
  	<h3>Music&Movies</h3>
    <a href="https://www.last.fm/user/Linuzzz19/library"><i class="fab fa-lastfm"></i>Lastfm</a>
    <a href="https://openscrobbler.com/"><i class="fab fa-lastfm-square"></i>Openscrobbler</a>
	 <a href="https://www.imdb.com/user/ur151366433/lists"><i class="fab fa-imdb"></i>IMDB</a>    
    <a href="https://www.themoviedb.org/"><i class="fa-solid fa-film"></i>The Movie DB</a>
    <a href="https://onlineradiobox.com/it/nostalgiapiemonte/playlist/"><i class="fas fa-radio"></i>Radio Nostalgia</a>
    <a href="https://onlineradiobox.com/it/nbcmilano/playlist/"><i class="fas fa-radio"></i>Radio 70-80</a>
    <a href="https://play.rtl.it/live/2/rtl-1025-best-tv/"><i class="fas fa-radio"></i>RTL Best</a>
    <a href="https://www.justwatch.com/"><i class="fa-solid fa-tv"></i>Just Watch</a>
    
    
    <h3>Apps</h3>
	  <a href="#" onclick="decurl(0)"><i class="fas fa-briefcase-medical"></i>Medicine</a>
		<a href="http://www.viaggiatreno.it/vt_pax_internet/mobile/numero?lang=IT"><i class="fas fa-train"></i>Cerca Treno</a>
		<a href="http://www.viaggiatreno.it/"><i class="fa fa-train"></i>Viaggia in treno</a>
		<a href="https://www.icloud.com/find"><i class="fab fa-apple"></i>iCloud Find</a>
		<a href="https://www.gtt.to.it/cms/percorari/arrivi?palina=3437"><i class="fas fa-bus"></i>GTT - 58 -> centro</a>
  	
  	</div>
  	<div class="Box7 bg1"></div>
  
  
  	<div class="Box8 bg1"></div>
  	<div class="Box9 bg1"></div>
  	
  	<div class="Box10 patt1 flex-container">
  	
	  	<h3>Tools</h3>
    <a href="https://www.ifconfig.me"><i class="fas fa-network-wired"></i>ifconfig.me</a>
    <a href="https://whatismyviewport.com/"><i class="fa-solid fa-eye"></i>viewport</a>
    <a href="https://www.unixtimestamp.com/"><i class="fas fa-clock"></i>Unix Timestamp</a>
    <a href="https://www.rapidtables.com/tools/alarm-clock.html"><i class="fas fa-clock"></i>Alarm & Clock</a>
    <a href="https://www.wolframalpha.com/"><i class="fas fa-calculator"></i>WolframAlpha Calc</a>
    <a href="https://hat.sh/"><i class="fas fa-wrench"></i>File Encryption</a> 
    <a href="https://librespeed.org/"><i class="fa fa-space-shuttle"></i>LibreSpeed</a>
    <a href="https://www.rapidtables.com/web/color/RGB_Color.html"><i class="fas fa-paint-roller"></i>RGB Palette</a>
  	
  	
<h3>AntiSocial</h3>
	<!--
	  <a href="https://feddit.it/"><i class="fas fa-hashtag"></i></i>Feddit</a>
    -->
    <a href="https://pixelfed.social/i/web/profile/425027688081226442"><i class="fas fa-image"></i>Pixelfed Portfolio</a>
    <a href="https://log.livellosegreto.it/me/c/"><i class="fas fa-pen-nib"></i>Log LivelloSegreto</a>
    <a href="https://log.livellosegreto.it/highway-to-shell/"><i class="fas fa-pen-nib"></i>Highway to Shell</a>  	
  	 <a href="https://fosstodon.org/explore"><i class="fab fa-mastodon"></i>Fosstodon</a>
    <a href="https://infosec.exchange/explore"><i class="fab fa-mastodon"></i>Infosec Exchabge</a>
    <a href="https://linksta.cc/@paolinus"><i class="fas fa-link"></i>LinkStack</a>
    <a href="https://feddit.it/"><i class="fab fa-reddit"></i>Feddit</a>
  	</div>
  	
  	
  	<div class="Box11 patt1 flex-container">
  	<h3>Linux&Dev</h3>
	 <a href="https://flathub.org/"><i class="fab fa-linux"></i>Flathub</a>
    <a href="https://fedoraproject.org/start"><i class="fab fa-fedora"></i>Fedora</a>
    <a href="https://github.com/"><i class="fab fa-github"></i>Github</a>
    <a href="https://github.com/morhetz/gruvbox"><i class="fas fa-eye-dropper"></i>Gruvbox Palette</a>
    <a href="https://codepen.io/your-work"><i class="fab fa-codepen"></i>Codepen</a>
    <a href="https://www.cssportal.com/"><i class="fa-brands fa-css3-alt"></i>&nbsp;&nbsp;CSS Portal</a>
    <h3>Art</h3>
	  <a href="https://www.pexels.com/search/abstract/"><i class="fas fa-images"></i>Pexels</a>
    <a href="https://wallhaven.cc/"><i class="fas fa-image"></i>Wallhaven</a>
    <a href="https://www.artstation.com/nyxcomposer"><i class="fab fa-artstation"></i>Artstation</a>
	 <a href="https://www.behance.net/"><i class="fas fa-brush"></i>Behance</a>
    <a href="https://ko-fi.com/explore"><i class="fas fa-mug-hot"></i>Ko-Fi</a>
    <a href="https://unsplash.com/s/photos/abstract?order_by=latest"><i class="fab fa-unsplash"></i>Unsplash</a>
  	</div>
  	

  	<div class="Box12 bg2"></div>
  	<div class="Box13 bg2"></div>
  	<div class="Box14 bg2"></div>
  	<div class="Box15 bg2"></div>
  	
  	
  	<div class="Box16 patt1 flex-container">
		<iframe style="flex-grow: 1" src="https://www.youtube.com/embed/GqjUHB6hf9s"</iframe>  
  	  	
  	</div>
  	
</div>


</body>

</html>