1+ < article >
2+ < h3 > Russ Dilley</ h3 >
3+ < p > Learning about open source and gitub.</ p >
4+ < h4 > < span class ="emoji "> 💻</ span > Programming Languages</ h4 >
5+ < section class ="container ">
6+ <!-- Languages from original template -->
7+ < div class ="badge " style ="background-color: #3874a4; color: white ">
8+ Python
9+ </ div >
10+ < div class ="badge " style ="background-color: #f7df1e; color: black; ">
11+ JavaScript
12+ </ div >
13+
14+ <!-- Your requested additions -->
15+ < div class ="badge " style ="background-color: #0076A8; color: white; ">
16+ Matlab
17+ </ div >
18+ < div class ="badge " style ="background-color: #734F96; color: white; ">
19+ FORTRAN
20+ </ div >
21+ < div class ="badge " style ="background-color: #39457E; color: white; ">
22+ Perl
23+ </ div >
24+ < div class ="badge " style ="background-color: #276DC3; color: white; ">
25+ R
26+ </ div >
27+ < div class ="badge " style ="background-color: #E34F26; color: white; ">
28+ HTML
29+ </ div >
30+ < div class ="badge " style ="background-color: #1572B6; color: white; ">
31+ CSS
32+ </ div >
33+ </ section >
34+
35+ < h4 > < span class ="emoji "> 🔧</ span > Tools & Technologies</ h4 >
36+ < section class ="container ">
37+ < img class ="icon " src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/ansys/ansys-original-wordmark.svg " alt ="HTML5 " title ="HTML5 " />
38+ < img class ="icon " src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/html5/html5-original.svg " alt ="HTML5 " title ="HTML5 " />
39+ < img class ="icon " src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/css3/css3-original.svg " alt ="CSS3 " title ="CSS3 " />
40+ < img class ="icon " src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/git/git-original.svg " alt ="Git " title ="Git " />
41+ < img class ="icon " src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/github/github-original.svg " alt ="GitHub " title ="GitHub " />
42+ < img class ="icon " src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/matlab/matlab-original.svg " alt ="Matlab " title ="Matlab " />
43+ < img class ="icon " src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/matplotlib/matplotlib-original.svg " alt ="Matplotlib " title ="Matplotlib " />
44+ < img class ="icon " src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/oracle/oracle-original.svg " alt ="Oracle " title ="Oracle " />
45+ < img class ="icon " src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/perl/perl-original.svg " alt ="Perl " title ="Perl " />
46+ < img class ="icon " src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/python/python-original.svg " alt ="Python " title ="Python " />
47+ < img class ="icon " src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/r/r-original.svg " alt ="R " title ="R " />
48+ < img class ="icon " src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/unix/unix-original.svg " alt ="Unix " title ="Unix " />
49+ < img class ="icon " src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/vim/vim-original.svg " alt ="Vim " title ="Vim " />
50+ </ section >
51+ </ article >
52+
53+ < style >
54+ body {
55+ font-family : sans-serif;
56+ }
57+ .container {
58+ display : flex;
59+ flex-wrap : wrap;
60+ gap : 1rem ;
61+ }
62+ .badge {
63+ padding : 0.5rem ;
64+ border-radius : 0.25rem ;
65+ }
66+ .icon {
67+ width : 2rem ;
68+ }
69+ </ style >
0 commit comments