Commit 11, modifico los servicios

Author: SebiGitHub

assets/css/styles.css

@@ -127,3 +127,16 @@ p{color:var(--muted); line-height:1.7}
   line-height: 1.6;
 }
 
+.service-icon {
+  font-size: 42px;
+  margin-bottom: 12px;
+  display: flex;
+  justify-content: center;
+  filter: drop-shadow(0 5px 14px rgba(0,0,0,.35));
+  opacity: .95;
+}
+
+.service-card {
+  text-align: center;
+}
+

assets/js/app.js

@@ -148,21 +148,25 @@ function renderServices(){
 
   const items = [
     {
+      icon: "⚙️",
       title: STATE.dict.services.s1_title,
       body: STATE.dict.services.s1_body
     },
     {
+      icon: "🖥️",
       title: STATE.dict.services.s2_title,
       body: STATE.dict.services.s2_body
     },
     {
+      icon: "🛠️",
       title: STATE.dict.services.s3_title,
       body: STATE.dict.services.s3_body
     }
   ];
 
   container.innerHTML = items.map(i => `
     <div class="card service-card">
+      <div class="service-icon">${i.icon}</div>
       <h3>${i.title}</h3>
       <p>${i.body}</p>
     </div>
@@ -172,6 +176,7 @@ function renderServices(){
 
 
 
+
 document.addEventListener("DOMContentLoaded", ()=>{
   applyI18n();
   renderProjects();