Update icons

samiwinho · Nov 6, 2023 · 2e6c929 · 2e6c929
1 parent ddbf133
commit 2e6c929
Showing 1 changed file with 16 additions and 9 deletions.
diff --git a/index.html b/index.html
@@ -9,8 +9,12 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,900&display=swap" rel="stylesheet">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,900&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
     <meta http-equiv='cache-control' content='no-cache'> 
 <meta http-equiv='expires' content='0'> 
 <meta http-equiv='pragma' content='no-cache'>
@@ -70,9 +74,12 @@
     }
 
     span {
-        color: #5b3c88;
-        margin-left: -7px;
+        color: white;
         font-size: 16px;
+        background-color: #626262;
+        padding: 5px;
+        border-radius: 5px;
+        text-align: center;
     }
 
     .caixa {
@@ -98,13 +105,13 @@ <h2 id="datahoje"></h2>
 
     <div class="caixa">
     <div class="flex1">
-        <i class="fa-solid fa-computer"></i>
+        <span class="material-symbols-outlined">desktop_windows</span>
         <h3>Vídeo:</h3>
         <h3 class="semanaInfo" style="font-weight: lighter; padding-left: 1rem;"></h3>
     </div>
 
     <div class="flex1">
-        <i class="fa-solid fa-music"></i>
+        <span class="material-symbols-outlined">instant_mix</span>
         <h3>Som:</h3>
         <h3 class="semanaInfo" style="font-weight: lighter; padding-left: 1rem;"></h3>
     </div>
@@ -116,15 +123,15 @@ <h3 class="semanaInfo" style="font-weight: lighter; padding-left: 1rem;"></h3>
     </div>
 
     <div class="flex1">
-        <i class="fa-solid fa-microphone"></i>
+        <span class="material-symbols-outlined">mic_double</span>
         <h3>Micros:</h3>
         <h3 class="semanaInfo" style="font-weight: lighter; padding-left: 1rem;"></h3>
-        <div style="font-weight: lighter; border-left: black 1px solid; width: 1px; height: 50%;"></div>
+        <div style="font-weight: lighter; border-left: #626262 1px solid; width: 1px; height: 50%;"></div>
         <h3 class="semanaInfo" style="font-weight: lighter; padding-left: 1rem;"></h3>
     </div>
 
     <div class="flex1" style="border-top: #c3c3c3 1px solid; width: 100%; justify-content: start!important;">
-        <i class="fa-solid fa-video"></i>
+        <span class="material-symbols-outlined" style="background-color: #c48430;">videocam</span>
         <h3>Transmissão Broadcasting:</h3>
         <h3 class="semanaInfo" style="font-weight: lighter; padding-left: 1rem;"></h3>
     </div>