moved everything around
17
.refresh_server.yml
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
---
|
||||
- hosts: webservers
|
||||
remote_user: root
|
||||
|
||||
tasks:
|
||||
- name: fetch latest from github repo
|
||||
git:
|
||||
repo: git@github.com:rushilwiz/crucialnet.git
|
||||
version: master
|
||||
dest: /var/www/crucialnet.org/html
|
||||
accept_hostkey: yes
|
||||
key_file: ~/.ssh/crucialnet_rsa
|
||||
|
||||
- name: restart nginx
|
||||
service:
|
||||
name: nginx
|
||||
state: restarted
|
||||
|
Before Width: | Height: | Size: 5.4 KiB After Width: | Height: | Size: 5.4 KiB |
|
Before Width: | Height: | Size: 4.5 KiB After Width: | Height: | Size: 4.5 KiB |
|
Before Width: | Height: | Size: 9.4 KiB After Width: | Height: | Size: 9.4 KiB |
|
Before Width: | Height: | Size: 4.3 KiB After Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 4.5 KiB After Width: | Height: | Size: 4.5 KiB |
|
Before Width: | Height: | Size: 9.4 KiB After Width: | Height: | Size: 9.4 KiB |
|
Before Width: | Height: | Size: 4.3 KiB After Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 663 B After Width: | Height: | Size: 663 B |
|
Before Width: | Height: | Size: 981 B After Width: | Height: | Size: 981 B |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 6.1 KiB After Width: | Height: | Size: 6.1 KiB |
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 181 KiB After Width: | Height: | Size: 181 KiB |
|
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 242 KiB After Width: | Height: | Size: 242 KiB |
|
Before Width: | Height: | Size: 351 KiB After Width: | Height: | Size: 351 KiB |
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 663 B After Width: | Height: | Size: 663 B |
|
Before Width: | Height: | Size: 981 B After Width: | Height: | Size: 981 B |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 2.9 KiB |
BIN
server/pswd.exe
|
|
@ -1,27 +0,0 @@
|
|||
-----BEGIN RSA PRIVATE KEY-----
|
||||
MIIEpAIBAAKCAQEAuqa0ftMdLfYD/hvk3llAujDw4cl8axnfNr3O9SQRtwrY1Sx3
|
||||
qGOWrHf+o4UwJ7MAzHZgTdy01ih8nMgc60/9HF60g5ob9+MZ+jbOPHEnBdygPZys
|
||||
Oz3iEsbTyeC8sVA8xATCCJTxrUoykA5Uj4tS6ZwkCh3f03flJGRn3SyA4maf85Zc
|
||||
gc67lUFPw06PFtqHAwiUjS508qJceqIN+iq62tkMWT3e4pK219PbaUw+AKBFIW3r
|
||||
8K4OsldbQ1h1WV/Qnwp1orRlF1Yl+2G+cxn3DWICO+JBbB357PLDtoobt3Qassef
|
||||
Hyd21+tlsW0NCOZndLdA+qwoZE4Ru4KmOrgx1QIDAQABAoIBAQCRgjKGCGjgEsFM
|
||||
EUzb9jKatFqleqDvEa1NDK3Rt/vDecZOcasa8ABflfBCZCuFV2wQ+Vvcd2nW5ps2
|
||||
0l6RJ7uHqWEKk1KobjgrMxyWTBQC4ttdDM3MJVMgFja3U+dmR8oHejoV3J+H26cN
|
||||
XM6ZVSEfE2WZKW77eaV+OHQsHWygkdDv8ukAadh+QIqxxcw0VdfO8aH382sPDb5K
|
||||
6jMI+4dBK5nipqyW2h100EDgjOvFRHW6KkTuYxrSKfUuqfzpAVeFi+eWZQIThGzC
|
||||
7Rdj5AOul7dW5SvLeCOjl3AlLOz9mx/JTV4LWOJgPNmSl7+AmYLHMSfxX27HI+4b
|
||||
gJbEFjBFAoGBAOtm8ozIwGdbkh0memAOFwr9khoo4p2y99GQQkLzV8tn/hyghmoe
|
||||
8Ymk4IeBXjYjSIA2nOYlE9CFT24kVuibn4agO4p7EuXf8lNLpJV37N+75s9aXi/k
|
||||
xf/kLCz/o2IvtNg5Chv0g9eoe+a/WrpF73Ft4R4oOvsn7vjdCs02AVjfAoGBAMr7
|
||||
uiYzSr47AxOYUmCjoMjtFrWriTYfkZ9zcYvOYEAAbB1+I517tTzbk3Cu54fAPV9/
|
||||
iwsNoL2cYQ3kjP5nOcUgx0liSGE+s/ebu2eenffxhmSWtD4ZshAc1ULjT3oWaQYs
|
||||
z4yNj2KXNyB3nUDqttkAW6ZLVmyK8LDcRR5Ou2fLAoGAehiDZZIaeYF9X7E9d+TW
|
||||
/tRWm0rpf3H8J63zMFaXCuF9Y8u+6/vwu7vQ2Xe4LcxPJnEtIBHLHTSH5lDi4vMU
|
||||
4vbo6wK64pAtWBa73uq86a7EIHh2sdCvAfKPFyfgzmSAIEY1gBpq58hzu1M087ii
|
||||
YOrlAIdNUEd+I4ZCu/1u5XECgYBybV/uAwJCpR/B3x+pTPTp8AXaWh4avcco/Tpo
|
||||
VuoZimNoaOCI+eEcsqe2YVMySuQOPudSTtdrrIll/I6jJ+wAPc86hkZJU8C+eDM4
|
||||
YcmpqaVadT6ct32S6b4rW9tE9vczvPUvxemr6ZTxH50tqGN1h2cjIttQiy7OdQ4d
|
||||
3MJ26wKBgQDbBnZzWk2ELOsVCAb+aKYyTAPpgz2zXKmbLz3+RhVrgTiLgL4aP6XE
|
||||
BgbeidMuwZ6M0LS2w74qKimIPCKqDkRnA7IwdjyNvQf+2CvMFViXPZeynu1OeN/O
|
||||
7RXBPqfOqpCGbJHHG9bsmupDpFMIXbWFN3AnO4tE87exU9dWbm0j/g==
|
||||
-----END RSA PRIVATE KEY-----
|
||||
|
|
@ -1,214 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>01/01/2019</title>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto|Poppins');
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: sansThin;
|
||||
src: url("/res/fonts/Sans-Thin.otf");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: gothamBold;
|
||||
src: url("/res/fonts/Gotham-Bold.otf")
|
||||
}
|
||||
|
||||
body {
|
||||
background-image: url("/res/backgrounds/background.png");
|
||||
}
|
||||
|
||||
header {
|
||||
background-color: black;
|
||||
margin: 0 0;
|
||||
text-align: center;
|
||||
}
|
||||
nav {
|
||||
color: #0d0d0d;
|
||||
}
|
||||
|
||||
#navbarLogo {
|
||||
font-family: courier;
|
||||
padding: 8px;
|
||||
color: white;
|
||||
display: inline-block;
|
||||
border: 2px solid white;
|
||||
margin-top: 8px;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
nav li {
|
||||
list-style: none;
|
||||
display: inline-block;
|
||||
margin: 20px 60px;
|
||||
}
|
||||
|
||||
nav a {
|
||||
color: #FFFFFF;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
font-family: sansThin;
|
||||
letter-spacing: 1px;
|
||||
font-weight: 500;
|
||||
font-size: 150%;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
padding:8px;
|
||||
outline: 1px solid black;
|
||||
transition: outline 2s;
|
||||
-webkit-transition: outline 2s;
|
||||
|
||||
}
|
||||
|
||||
nav a:hover {
|
||||
outline: 1px solid white;
|
||||
}
|
||||
|
||||
.container {
|
||||
background-color: #fff;
|
||||
width: 80%;
|
||||
height: 100%;
|
||||
margin: 0 auto;
|
||||
border: 3px dashed #000;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.post-title {
|
||||
text-align: center;
|
||||
font-family: gothamBold, arial;
|
||||
margin: 30px;
|
||||
font-size: 300%;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.title-container {
|
||||
background: linear-gradient(to right, #30CFD0 0%, #330867 100%);
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.fakeimg {
|
||||
background-color: #CDCDCD;
|
||||
margin: 0 auto;
|
||||
width: 80%;
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.caption {
|
||||
margin: 10px 0;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.author-row {
|
||||
margin: 10px auto;
|
||||
padding-bottom: 10px;
|
||||
width: 75%;
|
||||
height: 75px;
|
||||
border-bottom: 2px #CDCDCD solid;
|
||||
}
|
||||
|
||||
.author-avatar {
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 75px;
|
||||
height: inherit;
|
||||
border-radius: 100%;
|
||||
background: #eee no-repeat center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.author-info {
|
||||
float: left;
|
||||
position: relative;
|
||||
padding: 28px;
|
||||
font-family: Poppins, gothamBold, arial;
|
||||
letter-spacing: 1px;
|
||||
|
||||
}
|
||||
|
||||
.post-col {
|
||||
width: 70%;
|
||||
margin: 50px auto;
|
||||
}
|
||||
|
||||
.post-content {
|
||||
line-height: 150%;
|
||||
font-family: Roboto;
|
||||
}
|
||||
|
||||
.post-link {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.post-link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
p {
|
||||
text-indent: 40px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a id="toAbout" class="link-underline-effect">About Me</a></li>
|
||||
<li><a href="the-archives/index.html" class="link-underline-effect">The Archives</a></li>
|
||||
<h1 id="navbarLogo">CrucialNET</h1>
|
||||
<li><a href="resume/index.html" class="link-underline-effect">My RÉsumÉ</a></li>
|
||||
<li><a href="contact-me" class="link-underline-effect">Contact Me</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<div class="container">
|
||||
<h1 class="post-title"><span class="title-container">World's Greatest Idea</span></h1>
|
||||
<div class="fakeimg">Image</div>
|
||||
<p class="caption">"This is a revelutionary idea, one that nobody has ever seen before."</p>
|
||||
<div class="author-row">
|
||||
<div style="background-image: url('/res/images/profile-square.jpg')" class="author-avatar"></div>
|
||||
<p class="author-info">RUSHIL UMARETIYA | January 1, 2019 | <u>PROJECTS</u></p>
|
||||
</div>
|
||||
<div class="post-col">
|
||||
<div class="post-content"><p>Meet FromMeToYou, a small but big project designed to bring the community together in outstanding ways, and by connecting the dontators to the reciepients we can give people a bigger sense of connection to the people and world around them.</p><br><br><p>Housing in Loudoun County is expensive. Jobs aren't everlasting. Deaths can take a toll on income. A medical issue can drain savings. And even a whole family can be pushed to the sidewalks, barely getting by every day. This is a problem, inevitably created when we institute a capitalist system on the people (But that is a story for another time). What we are trying to do with FromMeToYou is raise awareness for awareness in Loudoun County, where out of the multitude of people we’ve asked, only one had agreed that Loudoun County has a growing homelessness problem that needs to be recognized by the people that can do something to help.</p><br><br>
|
||||
|
||||
<p>We are working to change the common narrative of foodless homeless people, because we feel that as a society, anyone should feel the need to help anyone else that needs it, and helping is a primal instinct. We’ve been helping one another for centuries, this is why, unlike other species, we decided to stay as a group, hunt as a group, and work together as a group to stay alive, and we feel that in modern day we shouldn’t look away from these readily apparent problems just as we didn’t in the past.</p><br><br>
|
||||
|
||||
<p>FromMeToYou is a food pantry project where we will set up our boxes throughout the county, and people can donate food to them. All of the boxes are connected through the app, and so anyone who feels like donating can fire up the app at any time, and get their closest box. When you drop off food, you turn on a light signaling to anyone that needs the food that there is some available. For people to be able to donate directly to the box, and have the possibility of the box being empty the next day, is an amazing feeling that is amplified by our direct donation system.</p><br><br>
|
||||
|
||||
<p>The biggest push with FromMeToYou for me is the fact that we can connect the donator to the donee. The power in this idea lies in the fact that if people see that their actions can directly make a difference, they can be pushed to do more good. And if they aren’t pushed to do more, they can still take away the fact that they always have the opportunity to do something that can really matter to their fellow human being.</p><br><br>
|
||||
|
||||
<p>Currently we are constructing two boxes that are set to be released in upcoming weeks, and we will begin advertising then, working at schools, libraries, supermarkets, and sidewalks alike, trying our best to get the word out, because I feel that even if only one person is helped it is still as much as a success as if a hundred are.</p><br><br>
|
||||
|
||||
<p>We will be releasing our website, FaceBook page, and GoFundMe very soon, so please stay updated for my next post and contact me <a href="http://crucialnet.org/contact-me" class="post-link">here</a> for any further inquiries.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<hr id="hr-footer">
|
||||
<div width="80%" height="100px"></div>
|
||||
<a href="https://twitter.com/rushilwiz">
|
||||
<div class="icons" style="background: url(css/res/twitter.png) no-repeat"></div>
|
||||
</a>
|
||||
<a href="https://www.facebook.com/people/Rushil-Umaretiya/100007912514651">
|
||||
<div class="icons" style="background: url(css/res/fb.png) no-repeat"></div>
|
||||
</a>
|
||||
<a href="https://www.instagram.com/rushilwiz">
|
||||
<div class="icons" style="background: url(css/res/insta.png) no-repeat"></div>
|
||||
</a>
|
||||
<a href="https://plus.google.com/u/0/+RushilUmaretiya">
|
||||
<div class="icons" style="background: url(css/res/gplus.png) no-repeat"></div>
|
||||
</a>
|
||||
<a href="https://www.snapchat.com/add/rushilwiz">
|
||||
<div class="icons" style="background: url(css/res/schat.png) no-repeat"></div>
|
||||
</a>
|
||||
<br><br><br><p class="copyright">© I don't own any copyrights 2019</p><br><p class="copyright">All code is written solely by <a href="contact-me/index.html" id="footer-name-link">Rushil Umaretiya</a> and no templates were used. Send friends.</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>The Archives</title>
|
||||
</head>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
<body>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,223 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>The Archives</title>
|
||||
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css?family=Great+Vibes|Major+Mono+Display|Montserrat:300,400');
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
background-image: url("res/backgrounds/background.png");
|
||||
font-family: Montserrat, monospace;
|
||||
|
||||
}
|
||||
|
||||
header {
|
||||
font-size: 40px;
|
||||
text-align: center;
|
||||
color: white;
|
||||
background-image: url("res/backgrounds/header-background.jpg");
|
||||
background-attachment: fixed;
|
||||
background-repeat: no-repeat;
|
||||
border: white 2px solid;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.header-text .underline-span {
|
||||
border-bottom: 2px white solid;
|
||||
}
|
||||
|
||||
|
||||
.card-content h2 .underline-span {
|
||||
border-bottom: 2px gray solid;
|
||||
}
|
||||
|
||||
.header-text .underline-span {
|
||||
border-bottom: 2px white solid;
|
||||
}
|
||||
|
||||
.header-text {
|
||||
padding: 30px;
|
||||
margin-top: 0px;
|
||||
font-family: Great Vibes, arial, monospace;
|
||||
}
|
||||
|
||||
#contact-link {
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
transition: color .5s;
|
||||
}
|
||||
|
||||
#contact-link:hover {
|
||||
text-decoration: underline;
|
||||
color: #ffd1dc;
|
||||
}
|
||||
|
||||
.overlay-link {
|
||||
position: fixed; /* Sit on top of the page content */
|
||||
width: 100%; /* Full width (cover the whole page) */
|
||||
height: 100%; /* Full height (cover the whole page) */
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(0,0,0,0.5); /* Black background with opacity */
|
||||
z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
|
||||
cursor: pointer; /* Add a pointer on hover */
|
||||
}
|
||||
|
||||
.subheader {
|
||||
padding: 20px;
|
||||
margin-bottom: 0px;
|
||||
font-family: Major Mono Display, monospace;
|
||||
}
|
||||
|
||||
.left-column {
|
||||
float: left;
|
||||
width: 78%;
|
||||
}
|
||||
|
||||
.right-column {
|
||||
float: left;
|
||||
width: 20%;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.overlay-link {
|
||||
width: inherit;
|
||||
height: 100px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.card {
|
||||
background-color: #fff;
|
||||
box-shadow: 2px 2px 5px #9E9E9E, -1px -1px 5px #9E9E9E;
|
||||
border-radius: 3px;
|
||||
display: grid;
|
||||
margin-top: 20px;
|
||||
height: 40vh;
|
||||
border: 3px solid;
|
||||
border-image: /*linear-gradient(#add8e6, #ED4264);*/ linear-gradient(to right, #12c2e9, #c471ed, #f64f59);
|
||||
border-image-slice: 1;
|
||||
transition: border-width .5s ease-in-out;
|
||||
|
||||
}
|
||||
|
||||
.card:hover {
|
||||
border-width: 5px;
|
||||
}
|
||||
|
||||
.card .img-container {
|
||||
width: 230px;
|
||||
height: 100%;
|
||||
grid-column: 1;
|
||||
background-color: #c1b7b4;
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
}
|
||||
.card-content {
|
||||
grid-column: 3 / 5;
|
||||
padding: 10px 30px;
|
||||
border-left: 1px solid #ccc;
|
||||
}
|
||||
.card h2 {
|
||||
text-transform: uppercase;
|
||||
color: #555;
|
||||
font-weight: 300;
|
||||
}
|
||||
.card h1 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.justify {
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
|
||||
.card-content .author {
|
||||
border-top: 1px solid #cdcdcd;
|
||||
font-weight: 700;
|
||||
margin-top: 25px;
|
||||
padding: 25px 0 10px 0;
|
||||
color: #555;
|
||||
font-size: 10px;
|
||||
font-family: courier, monospace, sans;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.row::after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.right-card {
|
||||
background-color: white;
|
||||
padding: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
/* .card {
|
||||
grid-column: 3 / 5;
|
||||
background-color: #fff;
|
||||
padding: 20px;
|
||||
margin-top: 20px;
|
||||
border: 2px solid;
|
||||
border-image: linear-gradient(#add8e6, #ED4264);
|
||||
border-image-slice: 1;
|
||||
transition: border-width .5s ease-in-out;
|
||||
|
||||
}
|
||||
|
||||
.card:hover {
|
||||
border-width: 5px;
|
||||
}
|
||||
*/
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h2 class="header-text"><span class="underline-span">The Archives</span></h2>
|
||||
<h6 class="subheader">The Official Blog Of CrucialNET</h6>
|
||||
</header>
|
||||
<div class="row">
|
||||
<div class="left-column">
|
||||
<div class="blog-card-container">
|
||||
<div class="card" onclick="window.location.href='https://www.google.com'">
|
||||
<div class="img-container" style="background-image: url('res/card-images/fm2u.png');"></div>
|
||||
<div class="card-content">
|
||||
<h2><span class="underline-span">PROJECTS</span></h2>
|
||||
<h1>FromMeToYou</h1>
|
||||
<p class="excerpt justify">Meet FromMeToYou, a small but big project designed to bring the community together in outstanding ways, and by connecting the dontators to the reciepients we can give people a bigger sense of connection to the people and world around them.</p>
|
||||
<p class="author">by: rushil umaretiya</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="img-container" style="background-image: url('res/card-images/fm2u.png');"></div>
|
||||
<div class="card-content">
|
||||
<h2><span class="underline-span">PROJECTS</span></h2>
|
||||
<h1>Interplanetary Bombardment</h1>
|
||||
<p class="excerpt justify">Interplanetary Bombardment is a minimalistic Sci-Fi shooter I've been working on for the past few weeks. It's a cross-platform multiplayer that pulls its rarity from its simplistic nature.</p>
|
||||
<p class="author">by: rushil umaretiya</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right-column">
|
||||
<div class="right-card">
|
||||
<h2>About Me</h2>
|
||||
<img src="http://crucialnet.org/css/res/profile-photo.jpg" style="width: 250px; margin: 0 auto;">
|
||||
<p class="justify" id="contact-paragraph">Hi! Welcome to The Archives, the official blog of CrucialNET. I'm Rushil, a very interesting strand of the Homo-Sapiens. I'm fluent in 3 languages, and 13 computer languages, ranging from Gujurati to C++. I develop apps, games, software, among a range of other things. <br><br><a id="contact-link" href="https://www.crucialnet.org/archives">Let's Talk.</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
<!--<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
|
||||
<script src="js/main.js"></script>-->
|
||||
|
||||
</html>
|
||||
|
Before Width: | Height: | Size: 282 KiB |
|
Before Width: | Height: | Size: 498 KiB |
|
Before Width: | Height: | Size: 141 KiB |
|
Before Width: | Height: | Size: 53 KiB |
|
Before Width: | Height: | Size: 242 KiB |
|
Before Width: | Height: | Size: 351 KiB |
|
|
@ -1,25 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
|
||||
<title>Responsive Navbar</title>
|
||||
<link type="text/css" rel="stylesheet" href="style.css">
|
||||
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
|
||||
</head>
|
||||
<body>
|
||||
<nav>
|
||||
<div class="toggle">
|
||||
<i class="fa fa-bars menu" aria-hidden="true"></i>
|
||||
</div>
|
||||
<ul>
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#">Resume</a></li>
|
||||
<li><a href="#">Jobs</a></li>
|
||||
<li><a href="#">Blog</a></li>
|
||||
<li><a href="#">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
$(document).ready(function() {
|
||||
$('.menu').click(function() {
|
||||
$('ul').toggleClass('active');
|
||||
})
|
||||
})
|
||||
|
|
@ -1,67 +0,0 @@
|
|||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
nav {
|
||||
width: 100%;
|
||||
background: #f7cad5;
|
||||
}
|
||||
|
||||
ul {
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul li {
|
||||
list-style: none;
|
||||
display: inline-block;
|
||||
padding: 20px;
|
||||
color: #fff;
|
||||
transition: background 2s, color 2s;
|
||||
}
|
||||
|
||||
ul li:hover {
|
||||
background: #fff;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
ul li a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.toggle {
|
||||
width: 100%;
|
||||
padding: 10px 20px;
|
||||
background: #f7cad5;
|
||||
text-align: right;
|
||||
box-sizing: border-box;
|
||||
color: #fff;
|
||||
font-size: 30px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: 1250px) {
|
||||
.toggle {
|
||||
display: block;
|
||||
}
|
||||
|
||||
ul {
|
||||
width: 100%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul li {
|
||||
display: block;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.active {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
|
@ -99,4 +99,4 @@ s.setAttribute('data-timestamp', +new Date());
|
|||
<br><br><br><p class="copyright">© I don't own any copyrights 2019</p><br><p class="copyright">All code is written solely by <a href="contact-me/index.html" id="footer-name-link">Rushil Umaretiya</a> and no templates were used. Send friends.</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
Before Width: | Height: | Size: 282 KiB After Width: | Height: | Size: 282 KiB |
|
Before Width: | Height: | Size: 498 KiB After Width: | Height: | Size: 498 KiB |
|
Before Width: | Height: | Size: 118 KiB After Width: | Height: | Size: 118 KiB |
|
Before Width: | Height: | Size: 53 KiB After Width: | Height: | Size: 53 KiB |
|
Before Width: | Height: | Size: 148 KiB After Width: | Height: | Size: 148 KiB |
|
Before Width: | Height: | Size: 242 KiB After Width: | Height: | Size: 242 KiB |
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 351 KiB After Width: | Height: | Size: 351 KiB |
|
Before Width: | Height: | Size: 34 KiB After Width: | Height: | Size: 34 KiB |
|
|
@ -1,46 +0,0 @@
|
|||
|
||||
@import url('https://fonts.googleapis.com/css?family=Major+Mono+Display|Cutive+Mono');
|
||||
|
||||
|
||||
body {
|
||||
background-color: #ffd1dc;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
div {
|
||||
height: 100%;
|
||||
color: #090909;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 50px;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
text-align: center;
|
||||
font-weight: 1;
|
||||
font-family: Major Mono Display, sans-serif;
|
||||
letter-spacing: 3px;
|
||||
width: 100%;
|
||||
font-size: 40px
|
||||
|
||||
}
|
||||
|
||||
h3, h5 {
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
font-weight: 10;
|
||||
font-family: Cutive Mono;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
text-align: center;
|
||||
margin-top: 70px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
button {
|
||||
position: relative;
|
||||
left: 50%;
|
||||
font-family: monospace, sans-serif;
|
||||
}
|
||||
|
|
@ -1,18 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Under Construction</title>
|
||||
<link rel="stylesheet" type="text/css" href="css/styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="js/index.js"></script>
|
||||
<div>
|
||||
<h1>hi. Welcome to CrucialNET</h1>
|
||||
<h3>My website is currently under construction, but feel free to hit this button while you wait.</h3>
|
||||
<button id="nothing">i do nothing</button>
|
||||
<h5 id="nothing-header"></h5>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
$(document).ready(function() {
|
||||
$("#nothing").on("click", function() {
|
||||
setText();
|
||||
});
|
||||
});
|
||||
|
||||
function setText () {
|
||||
$("#nothing-header").text("don't you have anything better to do?");
|
||||
}
|
||||