Add additional devicons

joshmfrankel · Dec 13, 2024 · 7858400 · 7858400
1 parent aad6630
commit 7858400
Show file tree

Hide file tree

Showing 2 changed files with 74 additions and 11 deletions.
diff --git a/_includes/head.html b/_includes/head.html
@@ -13,7 +13,7 @@
 
   <link rel="stylesheet" href="{{ "/css/main.css" | relative_url }}">
   <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700|Raleway:300,300i,700,700i" rel="stylesheet">
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/devicon@v2.15.1/devicon.min.css">
+  <link rel="stylesheet" type='text/css' href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css" />
 
   <script defer src="https://use.fontawesome.com/releases/v5.8.1/js/all.js" integrity="sha384-g5uSoOSBd7KkhAMlnQILrecXvzst9TdC09/VM+pjDTCM+1il8RHz5fKANTFFb+gQ" crossorigin="anonymous"></script>
   <script type="text/javascript">

diff --git a/index.html b/index.html
@@ -27,22 +27,45 @@ <h2>My Skillset</h2>
         <i class="devicon-rails-plain" alt="Ruby on Rails framework icon"></i>
         <div class="TooltipContainer-text TooltipContainer-text--bottom">Ruby on Rails Framework</div>
       </div>
+
       <div class="TooltipContainer">
-        <i class="devicon-postgresql-plain" alt="Postgresql RDBMS icon"></i>
-        <div class="TooltipContainer-text TooltipContainer-text--bottom">Postgresql RDBMS</div>
+        <i class="devicon-typescript-plain" alt="Typescript language icon"></i>
+        <div class="TooltipContainer-text TooltipContainer-text--bottom">Typescript</div>
       </div>
+
       <div class="TooltipContainer">
         <i class="devicon-react-plain" alt="React JavaScript framework icon"></i>
         <div class="TooltipContainer-text TooltipContainer-text--bottom">React.js Framework</div>
       </div>
+
       <div class="TooltipContainer">
-        <i class="devicon-tailwindcss-plain" alt="Tailwindcss icon"></i>
-        <div class="TooltipContainer-text TooltipContainer-text--bottom">Tailwind css framework</div>
+        <i class="devicon-postgresql-plain" alt="Postgresql RDBMS icon"></i>
+        <div class="TooltipContainer-text TooltipContainer-text--bottom">Postgresql RDBMS</div>
+      </div>
+
+
+      <div class="TooltipContainer">
+        <i class="devicon-prisma-original" alt="Prisma ORM icon"></i>
+        <div class="TooltipContainer-text TooltipContainer-text--bottom">Prisma ORM</div>
+      </div>
+
+
+
+
+      <div class="TooltipContainer">
+        <i class="devicon-tailwindcss-plain" alt="Tailwind CSS framework icon"></i>
+        <div class="TooltipContainer-text TooltipContainer-text--bottom">Tailwind CSS framework</div>
       </div>
       <div class="TooltipContainer">
         <i class="devicon-docker-plain" alt="Docker icon"></i>
         <div class="TooltipContainer-text TooltipContainer-text--bottom">Docker Containers</div>
       </div>
+
+      <div class="TooltipContainer">
+        <i class="devicon-rspec-plain-wordmark" alt="RSpec testing framework icon"></i>
+        <div class="TooltipContainer-text TooltipContainer-text--bottom">RSpec Testing Framework</div>
+      </div>
+
       <div class="TooltipContainer">
         <i class="devicon-graphql-plain" alt="GraphQL icon"></i>
         <div class="TooltipContainer-text TooltipContainer-text--bottom">GraphQL Api Standard</div>
@@ -55,6 +78,13 @@ <h2>My Skillset</h2>
         <i class="devicon-javascript-plain" alt="JavaScript icon"></i>
         <div class="TooltipContainer-text TooltipContainer-text--bottom">JavaScript Language</div>
       </div>
+
+
+      <div class="TooltipContainer">
+        <i class="devicon-express-original" alt="Express.js Framework icon"></i>
+        <div class="TooltipContainer-text TooltipContainer-text--bottom">Express.js Framework</div>
+      </div>
+
       <div class="TooltipContainer">
         <i class="devicon-heroku-plain" alt="Heroku icon"></i>
         <div class="TooltipContainer-text TooltipContainer-text--bottom">Heroku Hosting</div>
@@ -73,6 +103,11 @@ <h2>My Skillset</h2>
         <div class="TooltipContainer-text TooltipContainer-text--bottom">CSS3</div>
       </div>
 
+      <div class="TooltipContainer">
+        <i class="devicon-vite-original-wordmark" alt="Vite icon"></i>
+        <div class="TooltipContainer-text TooltipContainer-text--bottom">Vite build tool</div>
+      </div>
+
       <div class="TooltipContainer">
         <i class="devicon-linux-plain" alt="Linux icon"></i>
         <div class="TooltipContainer-text TooltipContainer-text--bottom">Linux Operating System</div>
@@ -83,6 +118,11 @@ <h2>My Skillset</h2>
         <div class="TooltipContainer-text TooltipContainer-text--bottom">Node.js Framework</div>
       </div>
 
+      <div class="TooltipContainer">
+        <i class="devicon-nextjs-original-wordmark" alt="Next.js Framework icon"></i>
+        <div class="TooltipContainer-text TooltipContainer-text--bottom">Next.js Framework</div>
+      </div>
+
       <div class="TooltipContainer">
         <i class="devicon-sass-plain" alt="Sass Framework icon"></i>
         <div class="TooltipContainer-text TooltipContainer-text--bottom">Sass Framework</div>
@@ -98,6 +138,23 @@ <h2>My Skillset</h2>
         <div class="TooltipContainer-text TooltipContainer-text--bottom">Redis Data Store</div>
       </div>
 
+
+      <div class="TooltipContainer">
+        <i class="devicon-amazonwebservices-plain-wordmark" alt="Amazon Web Services icon"></i>
+        <div class="TooltipContainer-text TooltipContainer-text--bottom">Amazon Web Services</div>
+      </div>
+
+      <div class="TooltipContainer">
+        <i class="devicon-grafana-plain" alt="Grafana Observability and Monitoring icon"></i>
+        <div class="TooltipContainer-text TooltipContainer-text--bottom">Grafana Observability and Monitoring</div>
+      </div>
+
+
+      <div class="TooltipContainer">
+        <i class="devicon-reactrouter-plain" alt="React Router icon"></i>
+        <div class="TooltipContainer-text TooltipContainer-text--bottom">React Router</div>
+      </div>
+
       <div class="TooltipContainer">
         <i class="devicon-figma-plain" alt="Figma icon"></i>
         <div class="TooltipContainer-text TooltipContainer-text--bottom">Figma Interface Design</div>
@@ -109,10 +166,21 @@ <h2>My Skillset</h2>
       </div>
 
       <div class="TooltipContainer">
-        <i class="devicon-photoshop-line" alt="Adobe Photoshop icon"></i>
+        <i class="devicon-photoshop-plain" alt="Adobe Photoshop icon"></i>
         <div class="TooltipContainer-text TooltipContainer-text--bottom">Adobe Photoshop</div>
       </div>
 
+      <div class="TooltipContainer">
+        <i class="devicon-wordpress-plain" alt="Wordpress CMS icon"></i>
+        <div class="TooltipContainer-text TooltipContainer-text--bottom">Wordpress CMS</div>
+      </div>
+
+      <div class="TooltipContainer">
+        <i class="devicon-bootstrap-plain" alt="Bootstrap Framework icon"></i>
+        <div class="TooltipContainer-text TooltipContainer-text--bottom">Bootstrap Framework</div>
+      </div>
+
+
       <div class="TooltipContainer">
         <i class="devicon-illustrator-line" alt="Adobe Illustrator icon"></i>
         <div class="TooltipContainer-text TooltipContainer-text--bottom">Adobe Illustrator</div>
@@ -122,11 +190,6 @@ <h2>My Skillset</h2>
         <i class="devicon-premierepro-plain" alt="Adobe Premiere icon"></i>
         <div class="TooltipContainer-text TooltipContainer-text--bottom">Adobe Premiere</div>
       </div>
-
-      <div class="TooltipContainer">
-        <i class="devicon-bootstrap-plain" alt="Bootstrap Framework icon"></i>
-        <div class="TooltipContainer-text TooltipContainer-text--bottom">Bootstrap Framework</div>
-      </div>
     </div>
   </div>
 </section>