alex/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial commit

Browse Source
This commit is contained in:
awexxx
2021-03-02 22:18:47 -05:00
commit 0a35b405e6
8 changed files with 469 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+11
View File
@@ -0,0 +1,11 @@
### Hi there! 👋
The name's Alex, I'm currently managing web services for the @plaguecraft-team!
You've probably seen me around as i wrote the web code for the PCN website as well as post a lot of the updates!
### Want to know more? Read below!
- 🔭 I’m currently working on the PlagueCraft Network!
- 🌱 I’m currently learning HTML, CSS, and JavaScript!
- 📫 How to reach me: You can reach me through [my website!](https://awex.github.io)
- 😄 Pronouns: He/him
- ⚡ Fun fact: I only learned about HTML & CSS for an hour and know the essentials already ;)
about.html
+52
View File
@@ -0,0 +1,52 @@
<!DOCTYPE html>
<html>
<head>
<title>About - awexx</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="shortcut icon" type="image/png" href="assets/img/logo.png"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta content="awex" property="og:title">
<meta content="Name's awex / Alex. I'm the main web developer for the [PlagueCraft Network](https://plaguecraft.xyz), as well as one of the owners." property="og:description">
<meta content="https://awexxx.github.io/awexxx/about" property="og:url">
<meta content="assets/img/logo.png" property="og:image">
<meta content="#9c2d1c" data-react-helmet="true" name="theme-color">
</head>
<body>
<img src="assets/img/logo.png" class="center" length="265" />
<br>
<ul id="navbar">
<li><a href="https://awexxx.github.io/awexxx/">HOME</a></li>
<li><a href="#">ABOUT ME</a></li>
<li><a href="contact">CONTACT</a></li>
</ul>
</nav>
<hr>
<h2>Awex is a web designer/developer for the PlagueCraft Network, born and raised in Western NY.</h2>
<hr>
<p>As of 2021, Awex has contributed to multiple projects, many such as the MedalSMP, ForestGroveSMP, and more!<br>
Awex initially started learning HTML and CSS in late 2020 and picked it up fairly quickly! He now manages web stability & services at <a href="https://plaguecraft.xyz" target="_blank">the PlagueCraft Network!</a></p>
<p>Awex is currently learning Game Development, JAVA Coding, and more! You can always view his projects by taking a glance at his <a href="https://github.com/awexxx" target="_blank">GitHub</a> page.</p>
<img style="padding-bottom:20px;" id="center" src="https://assets.plaguecraft.xyz/assets/img/logo.png">
<div class="footer-basic">
<footer>
<div class="social"><a href="https://github.com/awexxx" target="_blank"><i class="icon ion-social-github"></i></a><a href="https://twitter.com/_awexx" target="_blank"><i class="icon ion-social-twitter"></i></a></div>
<ul class="list-inline">
<li class="list-inline-item"><a href="discord">Discord</a></li>
----
<li class="list-inline-item"><a href="contact">Contact</a></li>
</ul>
<p class="copyright">awexx <i class="fa fa-copyright"></i> 2021<br>
</footer>
</div>
</body>
</html>
assets/css/style.css
+197
View File
@@ -0,0 +1,197 @@
/*Universal*/
#logo{
float:center;
}
hr{
width:100px;
border-color:black;
}
.center {
display:block;
margin:0 auto;
margin-left: auto;
margin-right: auto;
width:20%;
padding-top:20px;
}
#center {
display:block;
margin:0 auto;
margin-left: auto;
margin-right: auto;
width:30%;
}
body{
background-color:#e0e0e0;
text-align:center;
}
h1{
text-align:center;
color:#6b6b6b;
}
h2{
text-align:center;
color:#6b6b6b;
}
h3{
text-align:center;
color:#6b6b6b;
}
i{
font-size:20px;
}
body p{
text-align:center;
color:#6b6b6b;
font-size:20px;
}
a{
color:black;
}
a:hover{
color:white;
}
/*Home*/
#welcome{
background-color:#474747;
padding-top:20px;
padding-bottom:15px;
}
#welcome h2{
color:#c2c2c2;
}
#welcome p{
color:#c2c2c2;
}
/*Socials Color Changing*/
#medal a{
color:orange;
text-decoration:none;
font-size:28px;
padding-right:15px;
text-align:center;
}
#medal a:hover{
color:white;
}
#twitter a{
color:#467175;
text-decoration:none;
font-size:28px;
padding-right:15px;
padding-bottom:20px;
text-align:center;
}
#twitter a:hover{
color:white;
}
/*Navbar Attributes*/
#navbar{
background-color:#e0e0e0;
color:#333;
}
#navbar ul{
padding:0px;
list-style:none;
text-align:center;
}
#navbar li{
display:inline;
text-align:center;
}
#navbar a{
color:#333;
text-decoration:none;
font-size:18px;
padding-right:15px;
text-align:center;
}
/*Footer Attributes*/
.footer-p{
color:white;
}
.footer-basic {
padding:40px 0;
background-color:#bfbfbf;
color:#4b4c4d;
}
.footer-basic ul {
padding:0;
list-style:none;
text-align:center;
font-size:18px;
line-height:1.6;
margin-bottom:0;
}
.footer-basic li {
padding:0 10px;
}
.footer-basic ul a {
color:inherit;
text-decoration:none;
opacity:0.8;
}
.footer-basic ul a:hover {
opacity:1;
}
.footer-basic .social {
text-align:center;
padding-bottom:25px;
}
.footer-basic .social > a {
font-size:24px;
width:40px;
height:40px;
line-height:40px;
display:inline-block;
text-align:center;
border-radius:50%;
border:1px solid #ccc;
margin:0 8px;
color:inherit;
opacity:0.75;
}
.footer-basic .social > a:hover {
opacity:0.9;
}
.footer-basic .copyright {
margin-top:15px;
text-align:center;
font-size:13px;
color:black;
margin-bottom:0;
}
assets/img/logo.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

contact.html
+61
View File
@@ -0,0 +1,61 @@
<!DOCTYPE html>
<html>
<head>
<title>Contact - awexx</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="shortcut icon" type="image/png" href="assets/img/logo.png"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta content="awex" property="og:title">
<meta content="Name's awex / Alex. I'm the main web developer for the [PlagueCraft Network](https://plaguecraft.xyz), as well as one of the owners." property="og:description">
<meta content="https://awexxx.github.io/awexxx/contact" property="og:url">
<meta content="assets/img/logo.png" property="og:image">
<meta content="#9c2d1c" data-react-helmet="true" name="theme-color">
</head>
<body>
<img src="assets/img/logo.png" class="center" length="265" />
<br>
<ul id="navbar">
<li><a href="https://awexxx.github.io/awexxx/">HOME</a></li>
<li><a href="about">ABOUT ME</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</nav>
<hr>
<h2>Need to contact me for some reason? You're at the right place!</h2>
<p>My email is always open at <a href="mailto:alex@plaguecraft.xyz">alex@plaguecraft.xyz</a>, however, if you'd like to make a ticket I'll be happy to respond!</p>
<div class="container">
<form method="POST" action="https://api.plaguecraft.xyz/webhooks/init/personal-contact.php">
<div><label>Your Name:</label></div>
<div><input type="text" name="myName" class="form-control" /></div>
<div><label>Your Email (or Discord - preference):</label></div>
<div><input type="text" name="myEmail" class="form-control" /></div>
<div><label>Message:</label></div>
<div><textarea cols="40" rows="5" name="myMessage" class="form-control"></textarea></div>
<div class="float-center mt-2">
<input type="submit" value="Send" class="btn btn-primary" />
</div>
</form>
</div>
<br>
<div class="footer-basic">
<footer>
<div class="social"><a href="https://github.com/awexxx" target="_blank"><i class="icon ion-social-github"></i></a><a href="https://twitter.com/_awexx" target="_blank"><i class="icon ion-social-twitter"></i></a></div>
<ul class="list-inline">
<li class="list-inline-item"><a href="discord">Discord</a></li>
----
<li class="list-inline-item"><a href="contact">Contact</a></li>
</ul>
<p class="copyright">awexx <i class="fa fa-copyright"></i> 2021<br>
</footer>
</div>
</body>
</html>
discord.html
+11
View File
@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Name's awex / Alex. I'm the main web developer for the [PlagueCraft Network](https://plaguecraft.xyz), as well as one of the owners.">
<meta property="og:image" content=”assets/img/logo.png” />
<meta http-equiv="refresh" content="0;url=https://discord.gg/5UJP2gufNX" />
</head>
<body>
</body>
</html>
index.html
+91
View File
@@ -0,0 +1,91 @@
<!DOCTYPE html>
<html>
<head>
<title>Home - awexx</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="shortcut icon" type="image/png" href="assets/img/logo.png"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta content="awex" property="og:title">
<meta content="Name's awex / Alex. I'm the main web developer for the [PlagueCraft Network](https://plaguecraft.xyz), as well as one of the owners." property="og:description">
<meta content="https://awexxx.github.io/awexxx/" property="og:url">
<meta content="assets/img/logo.png" property="og:image">
<meta content="#9c2d1c" data-react-helmet="true" name="theme-color">
</head>
<body>
<img src="assets/img/logo.png" class="center" length="265" />
<br>
<ul id="navbar">
<li><a href="#">HOME</a></li>
<li><a href="about">ABOUT ME</a></li>
<li><a href="contact">CONTACT</a></li>
</ul>
</nav>
<hr>
<section id="welcome">
<h2>Welcome to my website!</h2>
<p>Name's awex / Alex. I'm the main web developer for the <a href="https://plaguecraft.xyz" target="_blank">PlagueCraft Network</a>, as well as one of the <a href="https://plaguecraft.xyz/team#owners" target="_blank">owners</a>.</p>
</section>
<!--The good stuff. My Projects! -->
<section id="pcn">
<h1 style="padding-top:10px;">Projects</h1>
<hr>
<h2>The PlagueCraft Network</h2>
<p>The PlagueCraft Network was founded in 2020 and is being developed by me and a few friends as of right now.<br> We've gotten pretty close to rereleasing and allowing people back onto the server, but our work has been successful! We've created around 5 minigames, a backend api, and more in the scale of 3 weeks, we've really been working hard!</p>
</section>
<hr>
<section id="pmg">
<h2>Plague Media Group</h2>
<p>Plague Media Group was founded in 2019 by <a href="https://moonqii.xyz" target="_blank">moonqii</a> and was majorly pushed by me, being the dev for practically every site you saw! I even was the domain admin :)</p>
</section>
<hr>
<section id="tournaments">
<h2>PCN Tournaments</h2>
<p>The PCN Tournaments are levels of minigames where the <a href="https://plaguecraft.xyz/team" target="_blank">PCN Staff Team</a> competes to win against their colleagues! I've had a lot of fun with <a href="https://youtube.com/refthegeneric" target="_blank">Ref</a> building these and hope to resume seasons soon!</p>
</section>
<h2>..and more!<br> I plan to keep updating this page with my projects that are significant to me!</h2>
<hr>
<section id="socials">
<h3>Follow me on my socials!</h3>
<hr>
<h2>Check out my <a href="https://github.com/awexxx" target="_blank">GitHub</a> page!</h2>
<h2 id="twitter">Follow me on <span style="color:blue;"><a href="https://twitter.com/_awexx" target="_blank">Twitter!</a></span></h2>
<h2 id="medal">Follow me on <span style="color:orange;"><a href="https://medal.tv/notchyy" target="_blank">Medal!</a></span></h2>
<iframe width="640" height="360" style="border: none;" src="https://medal.tv/clip/44844498/vpr34wEBY" allow="autoplay" allowfullscreen></iframe></p>
</section>
<div class="footer-basic">
<footer>
<div class="social"><a href="https://github.com/awexxx" target="_blank"><i class="icon ion-social-github"></i></a><a href="https://twitter.com/_awexx" target="_blank"><i class="icon ion-social-twitter"></i></a></div>
<ul class="list-inline">
<li class="list-inline-item"><a href="discord">Discord</a></li>
----
<li class="list-inline-item"><a href="contact">Contact</a></li>
</ul>
<p class="copyright">awexx <i class="fa fa-copyright"></i> 2021<br>
</footer>
</div>
</body>
</html>
sent.html
+46
View File
@@ -0,0 +1,46 @@
<!DOCTYPE html>
<html>
<head>
<title>Sent! - awexx</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="shortcut icon" type="image/png" href="assets/img/logo.png"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta content="awex" property="og:title">
<meta content="Name's awex / Alex. I'm the main web developer for the [PlagueCraft Network](https://plaguecraft.xyz), as well as one of the owners." property="og:description">
<meta content="https://awexxx.github.io/awexxx/sent" property="og:url">
<meta content="assets/img/logo.png" property="og:image">
<meta content="#9c2d1c" data-react-helmet="true" name="theme-color">
</head>
<body>
<img src="assets/img/logo.png" class="center" length="265" />
<br>
<ul id="navbar">
<li><a href="https://awexxx.github.io/awexxx/">HOME</a></li>
<li><a href="about">ABOUT ME</a></li>
<li><a href="contact">CONTACT</a></li>
</ul>
</nav>
<hr>
<h2>Sent!</h2>
<p>Wow, that was fast, right????<br>
Your message has been recieved by me and I'll take a look at it soon :)</p>
<div class="footer-basic">
<footer>
<div class="social"><a href="https://github.com/awexxx" target="_blank"><i class="icon ion-social-github"></i></a><a href="https://twitter.com/_awexx" target="_blank"><i class="icon ion-social-twitter"></i></a></div>
<ul class="list-inline">
<li class="list-inline-item"><a href="discord">Discord</a></li>
----
<li class="list-inline-item"><a href="contact">Contact</a></li>
</ul>
<p class="copyright">awexx <i class="fa fa-copyright"></i> 2021<br>
</footer>
</div>
</body>
</html>