photowall-ratio

static/photowall.css

 .hr-edge-weak {
-    border: 0;
-    padding-top: 1px;
-    background: linear-gradient(to right, transparent, #d0d0d5, transparent);
+	border: 0;
+	padding-top: 1px;
+	background: linear-gradient(to right, transparent, #d0d0d5, transparent);
 }
 
-.photowall{
-	width:60vw; 
-	height:80vh; 
-	margin:60px auto; 
-	position:relative;
+.photowall {
+	width: 60vw;
+	height: 80vh;
+	margin: 60px auto;
+	position: relative;
 }
 
-.photowall img{
-	padding:10px 10px 15px; 
-	background:white; 
-	border:1px solid #ddd; 
-	box-shadow:2px 2px 3px rgba(50, 50, 50, 0.4);
-	-webkit-transition:all 0.5s ease-in;
-	-moz-transition:all 0.5s ease-in;
-	transition:all 0.5s ease-in;
-	position:absolute; 
-	z-index:1;
+.photowall img {
+	padding: 10px 10px 15px;
+	background: white;
+	border: 1px solid #ddd;
+	box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.4);
+	-webkit-transition: all 0.5s ease-in;
+	-moz-transition: all 0.5s ease-in;
+	transition: all 0.5s ease-in;
+	position: absolute;
+	z-index: 1;
 	max-width: 30vw;
 	max-height: 30vh;
 }
 
-.photowall img:hover{
-	box-shadow:15px 15px 20px rgba(50, 50, 50, 0.4); 
-	-webkit-transform:rotate(0deg) scale(1.20); 
-	-moz-transform:rotate(0deg) scale(1.20); 
-	transform:rotate(0deg) scale(1.20); 
-	z-index:2;
+.photowall img:hover {
+	box-shadow: 15px 15px 20px rgba(50, 50, 50, 0.4);
+	-webkit-transform: rotate(0deg) scale(1.20);
+	-moz-transform: rotate(0deg) scale(1.20);
+	transform: rotate(0deg) scale(1.20);
+	z-index: 2;
 }
 
-.photowall #photowallpic10:hover{
-	box-shadow:15px 15px 20px rgba(50, 50, 50, 0.4); 
-	-webkit-transform:rotate(-180deg) scale(1.20); 
-	-moz-transform:rotate(-180deg) scale(1.20); 
-	transform:rotate(-180deg) scale(1.20); 
-	z-index:2;
+.photowall #photowallpic10:hover {
+	box-shadow: 15px 15px 20px rgba(50, 50, 50, 0.4);
+	-webkit-transform: rotate(-180deg) scale(1.20);
+	-moz-transform: rotate(-180deg) scale(1.20);
+	transform: rotate(-180deg) scale(1.20);
+	z-index: 2;
 }
 
-.photowall .pic1{
-	left: 400px; 
-	top: 0; 
-	-webkit-transform: rotate(-5deg); 
-	-moz-transform: rotate(-5deg); 
+.photowall .pic1 {
+	top: 0;
+	left: 25vw;
+	-webkit-transform: rotate(-5deg);
+	-moz-transform: rotate(-5deg);
 	transform: rotate(-5deg);
 }
 
-.photowall .pic2{
-	top: 0; 
-	left: 600px; 
-	-webkit-transform: rotate(-20deg); 
-	-moz-transform: rotate(-20deg); 
+.photowall .pic2 {
+	top: 0;
+	left: 37vw;
+	-webkit-transform: rotate(-20deg);
+	-moz-transform: rotate(-20deg);
 	transform: rotate(-20deg);
 }
 
-.photowall .pic3
-{
-	bottom: 0; 
-	right: 0; 
-	-webkit-transform: rotate(5deg); 
-	-moz-transform: rotate(5deg); 
+.photowall .pic3 {
+	bottom: 0;
+	right: 0;
+	-webkit-transform: rotate(5deg);
+	-moz-transform: rotate(5deg);
 	transform: rotate(5deg);
 }
-	
-.photowall .pic4
-{
-	bottom:0; 
-	left:300px; 
-	-webkit-transform: rotate(-10deg); 
-	-moz-transform: rotate(-10deg); 
+
+.photowall .pic4 {
+	bottom: 0;
+	left: 19vw;
+	-webkit-transform: rotate(-10deg);
+	-moz-transform: rotate(-10deg);
 	transform: rotate(-10deg);
 }
 
-.photowall .pic5
-{
-	bottom: 130px; 
-	left: 0; 
-	-webkit-transform: rotate(-10deg); 
-	-moz-transform: rotate(-10deg); 
+.photowall .pic5 {
+	bottom: 23vh;
+	left: 0;
+	-webkit-transform: rotate(-10deg);
+	-moz-transform: rotate(-10deg);
 	transform: rotate(-10deg);
 }
 
-.photowall .pic6
-{
-	top: 0; 
-	left:0; 
-	-webkit-transform: rotate(10deg); 
-	-moz-transform: rotate(10deg); 
+.photowall .pic6 {
+	top: 0;
+	left: 0;
+	-webkit-transform: rotate(10deg);
+	-moz-transform: rotate(10deg);
 	transform: rotate(10deg);
 }
 
-.photowall .pic7
-{
-	top: 200px; 
-	left: 350px; 
-	-webkit-transform: rotate(20deg); 
-	-moz-transform: rotate(20deg); 
+.photowall .pic7 {
+	top: 36vh;
+	left: 22vw;
+	-webkit-transform: rotate(20deg);
+	-moz-transform: rotate(20deg);
 	transform: rotate(20deg);
 }
 
-.photowall .pic8
-{
-	bottom: -20px; 
-	right: 630px; 
-	-webkit-transform: rotate(5deg); 
-	-moz-transform: rotate(5deg); 
+.photowall .pic8 {
+	bottom: -4vh;
+	right: 40vw;
+	-webkit-transform: rotate(5deg);
+	-moz-transform: rotate(5deg);
 	transform: rotate(5deg);
 }
 
-.photowall .pic9
-{
-	top: 90px; 
-	left: 550px; 
-	-webkit-transform: rotate(15deg); 
-	-moz-transform: rotate(15deg); 
+.photowall .pic9 {
+	top: 16vh;
+	left: 34vw;
+	-webkit-transform: rotate(15deg);
+	-moz-transform: rotate(15deg);
 	transform: rotate(15deg);
 }
 
-.photowall .pic10
-{
-	left:180px; 
-	top:20px; 
-	-webkit-transform: rotate(-190deg); 
-	-moz-transform: rotate(-190deg); 
+.photowall .pic10 {
+	top: 3vh;
+	left: 12vw;
+	-webkit-transform: rotate(-190deg);
+	-moz-transform: rotate(-190deg);
 	transform: rotate(-190deg);
 }
\ No newline at end of file

wiki/pages/description.html

@@ -39,7 +39,6 @@
       technological fields in <strong>Electrical and Electronic Engineering</strong>;</li>
     <li>manage data flow, process signals, and control routing paths in network devices, routers, and communication
       systems in <strong>Telecommunications</strong>.</li>
-
   </ul>
   <p>Their ability to be reprogrammed makes them incredibly versatile, allowing for constant innovation and optimization
     in diverse industries, including AI, robotics, telecommunications and beyond.</p>