Skip to content

Commit 652d8fe

Browse files
TMHSDigitalTMHSDigital
authored
Create terminal-interface-index.html
1 parent 4a997cd commit 652d8fe

1 file changed

Lines changed: 97 additions & 0 deletions

File tree

‎HTML-files/terminal-interface-index.html‎

Lines changed: 97 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,97 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>fOuttaMyPaint's GitHub Profile</title>
7+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap">
8+
<style>
9+
body {
10+
background: url('https://github.com/fOuttaMyPaint/Shopify-Assets/raw/main/Shopify-Theme-Templates_CUSTOM/HACKED_theme-template/assets/terminal%20screen%202.jpg');
11+
color: #00FF00;
12+
font-family: 'Press Start 2P', cursive;
13+
text-align: center;
14+
padding: 20px;
15+
}
16+
.container {
17+
border: 2px solid #00FF00;
18+
padding: 10px;
19+
margin: 10px auto;
20+
max-width: 800px;
21+
background-color: rgba(0, 0, 0, 0.8);
22+
}
23+
.skills {
24+
display: flex;
25+
flex-wrap: wrap;
26+
justify-content: center;
27+
}
28+
.skills img {
29+
margin: 5px;
30+
}
31+
a {
32+
color: #00FF00;
33+
}
34+
</style>
35+
</head>
36+
<body>
37+
38+
<div class="container">
39+
<h1>Welcome to My GitHub Profile!</h1>
40+
41+
<div class="container">
42+
<img src="https://github-readme-stats.vercel.app/api?username=fOuttaMyPaint&show_icons=true&theme=radical" alt="GitHub Stats">
43+
</div>
44+
45+
<div class="container">
46+
<img src="https://github-readme-activity-graph.vercel.app/graph?username=fOuttaMyPaint&bg_color=000000&color=00ff33&line=ffea00&point=009903&area=true&hide_border=true" alt="GitHub Activity Graph">
47+
</div>
48+
49+
<div class="container">
50+
<img src="https://github-readme-streak-stats.herokuapp.com/?user=fOuttaMyPaint&theme=dark" alt="GitHub Streak Stats">
51+
</div>
52+
53+
<h2>Skills</h2>
54+
<div class="container skills">
55+
<img src="https://img.shields.io/badge/Python-3776AB?style=for-the-badge&logo=python&logoColor=white" alt="Python">
56+
<img src="https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black" alt="JavaScript">
57+
<img src="https://img.shields.io/badge/Docker-2496ED?style=for-the-badge&logo=docker&logoColor=white" alt="Docker">
58+
<img src="https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white" alt="HTML5">
59+
<img src="https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white" alt="CSS3">
60+
<img src="https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB" alt="React">
61+
<img src="https://img.shields.io/badge/Node.js-339933?style=for-the-badge&logo=nodedotjs&logoColor=white" alt="Node.js">
62+
<img src="https://img.shields.io/badge/Git-F05032?style=for-the-badge&logo=git&logoColor=white" alt="Git">
63+
<img src="https://img.shields.io/badge/GitHub-181717?style=for-the-badge&logo=github&logoColor=white" alt="GitHub">
64+
<img src="https://img.shields.io/badge/VS%20Code-0078D4?style=for-the-badge&logo=visual-studio-code&logoColor=white" alt="VS Code">
65+
<img src="https://img.shields.io/badge/Linux-FCC624?style=for-the-badge&logo=linux&logoColor=black" alt="Linux">
66+
<img src="https://img.shields.io/badge/MySQL-4479A1?style=for-the-badge&logo=mysql&logoColor=white" alt="MySQL">
67+
<img src="https://img.shields.io/badge/PostgreSQL-336791?style=for-the-badge&logo=postgresql&logoColor=white" alt="PostgreSQL">
68+
<img src="https://img.shields.io/badge/AWS-232F3E?style=for-the-badge&logo=amazon-aws&logoColor=white" alt="AWS">
69+
</div>
70+
71+
<div class="container">
72+
<img src="https://github-readme-stats.vercel.app/api/top-langs/?username=fOuttaMyPaint&layout=compact&theme=radical" alt="Top Languages">
73+
</div>
74+
75+
<h2>Projects</h2>
76+
<div class="container">
77+
<p>- <a href="link-to-project">Coming soon!</a>: Brief description of the project.</p>
78+
<p>- <a href="link-to-project">Coming soon!</a>: Brief description of the project.</p>
79+
</div>
80+
81+
<h2>Connect with Me</h2>
82+
<div class="container">
83+
<p>- LinkedIn - COMING SOON!</p>
84+
<p>- Email - COMING SOON!</p>
85+
<p>- <a href="https://www.twitch.tv/fOuttaMyPaint">Twitch Channel</a></p>
86+
<p>- Instagram - COMING SOON!</p>
87+
<p>- TikTok - COMING SOON!</p>
88+
<p>- YouTube - COMING SOON!</p>
89+
</div>
90+
91+
<div class="container">
92+
<img src="https://media.giphy.com/media/qgQUggAC3Pfv687qPC/giphy.gif" alt="Coding GIF">
93+
</div>
94+
95+
</div>
96+
</body>
97+
</html>

0 commit comments

Comments
 (0)