feat: improve fonts and accessibility

fellrock · Oct 31, 2023 · 52bea7f · 52bea7f
1 parent c681fad
commit 52bea7f
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 9 deletions.
diff --git a/fonts/fontawesome-webfont.woff2 b/fonts/fontawesome-webfont.woff2
diff --git a/index.html b/index.html
@@ -1,19 +1,24 @@
 <!DOCTYPE HTML>
+
 <!--
 	Identity by HTML5 UP
 	html5up.net | @ajlkn
 	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
 -->
+
 <html>
+	<meta
+		name="description"
+		content="Felipe Moreira personal webpage with all main contacts of him.">
 	<head>
 
 		<!-- fonts -->
-			<!-- <link rel="preconnect" href="https://fonts.googleapis.com">
+			<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=Poppinss:wght@600&display=swap" rel="stylesheet">
 			<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300&display=swap" rel="stylesheet">
 			<link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@400&display=swap" rel="stylesheet">
-			<link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@300&display=swap" rel="stylesheet"> -->
+			<link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@300&display=swap" rel="stylesheet">
 
 		<title>Felipe Moreira - Contacts</title>
 		<link rel="icon" href="images/contacts-32.png" type="image/x-icon">
@@ -53,30 +58,30 @@
 						<header>
 							<!-- <h2 class="title"> Contacts </h2> -->
 							<img src="images\helloworld.png" width="35%" height="35%" alt="Hello World" style="margin-bottom: 10px; margin-top: -50px"\>
-							<span class="avatar"><img src="images/profile_photo.jpg" width="50%" height="50%" alt="" \></span>
+							<span class="avatar"><img src="images/profile_photo.jpg" width="50%" height="50%" alt="Imagem de contato" \></span>
 							<!-- <span class="avatar"> <a href="main_pt.html"> <img src="images/profile_photo.jpg" width="50%" height="50%" alt=""> </img> </a> </span> href="index.html" -->
 							<h1>Felipe Moreira</h1>
 							<!-- <p class="title2"> Hello World</p> -->
 						</header>
 						<div id="links" style="align-content: center;">
 							<ul class="icons">
-								<li><a href="https://www.linkedin.com/in/fellrock/" class="fa-linkedin"></a></li>
-								<li><a href="https://github.com/fellrock" class="fa-github"></a></li>
+								<li><a href="https://www.linkedin.com/in/fellrock/" class="fa-linkedin" alt="Link do Linkedin"></a></li>
+								<li><a href="https://github.com/fellrock" class="fa-github" alt="Link do Github"></a></li>
 								<!-- <li><a href="https://www.instagram.com/fellrock/" class="fa-instagram"></a></li> -->
-								<li><a href="https://t.me/fellrock" class="fa-telegram"></a></li>
-								<li><a href="https://wa.me/+5521985875227" class="fa-whatsapp"></a></li>
+								<li><a href="https://t.me/fellrock" class="fa-telegram" alt="Link do Telegram"></a></li>
+								<li><a href="https://wa.me/+5521985875227" class="fa-whatsapp" alt="Link do Whatsapp"></a></li>
 								<!-- <li><a href="https://twitter.com/fellrock/" class="fa-twitter">Twitter</a></li> -->
 							</ul>
 						</div>
 						<div id="cv" style="margin-bottom: -15px">
 							<p class="title3"> RESUME </p>
 
 							<a href="documents/202310100730_CV_FelipeMoreiraPTBR.pdf">
-								<img src="images/cv_br.png" width="20%" height="20%"  alt="">
+								<img src="images/cv_br.png" width="20%" height="20%"  alt="Currículo Atualizado em Português">
 							</a>
 
 							<a href="documents/202310100730_CV_FelipeMoreiraENG.pdf">
-								<img src="images/cv_uk.png" width="20%" height="20%"  alt="">
+								<img src="images/cv_uk.png" width="20%" height="20%"  alt="Updated English Resume">
 							</a>
 
 						</div>