mirror of
https://github.com/Rushilwiz/crucialnet.git
synced 2025-04-03 19:30:16 -04:00
initial commit
This commit is contained in:
commit
e5932bc88f
102
post_templates/index.html
Normal file
102
post_templates/index.html
Normal file
|
|
@ -0,0 +1,102 @@
|
|||
<!-- ToDO:
|
||||
Change title inside head
|
||||
Change title of the post
|
||||
Change Caption
|
||||
Change Gradient of Title
|
||||
Change Header Photo
|
||||
Change Content of post
|
||||
Change Date of Post
|
||||
Change Topic of Post
|
||||
Delete Me-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
||||
<link rel="manifest" href="/site.webmanifest">
|
||||
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
|
||||
<title>01/01/2019</title>
|
||||
<link rel="stylesheet" type="text/css" href="/the-archives/res/posts/poststyle.css">
|
||||
</head>
|
||||
<body>
|
||||
<header id="navbar">
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="/index.html#about-section" class="link-underline-effect">About Me</a></li>
|
||||
<li><a href="/the-archives" class="link-underline-effect">The Archives</a></li>
|
||||
<h1 id="navbarLogo">CrucialNET</h1>
|
||||
<li><a href="/resume/resume.pdf" 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" style="background: linear-gradient(to right, #30CFD0 0%, #330867 100%);">Title</span></h1>
|
||||
<div class="header-img" style="background-image: url('/the-archives/res/posts/')"></div>
|
||||
<div class="caption">"This is a very important caption"</div>
|
||||
<div class="author-row">
|
||||
<div style="background-image: url('/the-archives/res/images/profile-square.jpg')" class="author-avatar"></div>
|
||||
<p class="author-info">RUSHIL UMARETIYA | January 5, 2019 | <u>PROJECTS</u></p>
|
||||
</div>
|
||||
<div class="post-col">
|
||||
<div class="post-content"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
|
||||
|
||||
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
|
||||
|
||||
Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
|
||||
|
||||
Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.
|
||||
|
||||
Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc</p>
|
||||
|
||||
<hr style="margin: 25px 0;">
|
||||
|
||||
<div id="disqus_thread"></div>
|
||||
<script>
|
||||
|
||||
/**
|
||||
* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
|
||||
* LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/
|
||||
/*
|
||||
var disqus_config = function () {
|
||||
this.page.url = PAGE_URL; // Replace PAGE_URL with your page's canonical URL variable
|
||||
this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
|
||||
};
|
||||
*/
|
||||
(function() { // DON'T EDIT BELOW THIS LINE
|
||||
var d = document, s = d.createElement('script');
|
||||
s.src = 'https://crucialnet-org.disqus.com/embed.js';
|
||||
s.setAttribute('data-timestamp', +new Date());
|
||||
(d.head || d.body).appendChild(s);
|
||||
})();
|
||||
</script>
|
||||
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
|
||||
</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>
|
||||
BIN
server/pswd.exe
Normal file
BIN
server/pswd.exe
Normal file
Binary file not shown.
14
site/404/index.html
Normal file
14
site/404/index.html
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Page Not Found</title>
|
||||
<link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
|
||||
<link href="style.css" type="text/css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<h1 class="header">404: page not found</h1>
|
||||
<p class="desc">it's dangerous to go alone!<br>take this!</p>
|
||||
<a href="http://crucialnet.org"><img src="sword.png" width="50px;"></a>
|
||||
<p class="foot">if you feel there's been a mistake, feel free to contact me <a href="http://crucialnet.org/contact-me">here</a></p>
|
||||
</body>
|
||||
</html>
|
||||
36
site/404/style.css
Normal file
36
site/404/style.css
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
* {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.header {
|
||||
left: 50%;
|
||||
transform: translateX(-50%) rotate(180deg);
|
||||
font-family: monospace;
|
||||
font-weight: 200;
|
||||
font-size: 9vh;
|
||||
}
|
||||
|
||||
.desc {
|
||||
position: relative;
|
||||
font-family: 'Press Start 2P', monospace;
|
||||
text-transform: uppercase;
|
||||
line-height: 25px;
|
||||
text-align: center;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.foot {
|
||||
margin-top: 200px;
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
img {
|
||||
position: relative;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
BIN
site/404/sword.png
Normal file
BIN
site/404/sword.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.4 KiB |
BIN
site/android-chrome-192x192.png
Normal file
BIN
site/android-chrome-192x192.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
BIN
site/android-chrome-384x384.png
Normal file
BIN
site/android-chrome-384x384.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.4 KiB |
BIN
site/apple-touch-icon.png
Normal file
BIN
site/apple-touch-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
9
site/browserconfig.xml
Normal file
9
site/browserconfig.xml
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<browserconfig>
|
||||
<msapplication>
|
||||
<tile>
|
||||
<square150x150logo src="/mstile-150x150.png"/>
|
||||
<TileColor>#da532c</TileColor>
|
||||
</tile>
|
||||
</msapplication>
|
||||
</browserconfig>
|
||||
BIN
site/contact-me/android-chrome-192x192.png
Normal file
BIN
site/contact-me/android-chrome-192x192.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
BIN
site/contact-me/android-chrome-384x384.png
Normal file
BIN
site/contact-me/android-chrome-384x384.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.4 KiB |
BIN
site/contact-me/apple-touch-icon.png
Normal file
BIN
site/contact-me/apple-touch-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
9
site/contact-me/browserconfig.xml
Normal file
9
site/contact-me/browserconfig.xml
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<browserconfig>
|
||||
<msapplication>
|
||||
<tile>
|
||||
<square150x150logo src="/mstile-150x150.png"/>
|
||||
<TileColor>#da532c</TileColor>
|
||||
</tile>
|
||||
</msapplication>
|
||||
</browserconfig>
|
||||
BIN
site/contact-me/css/fonts/Gotham-Bold.otf
Normal file
BIN
site/contact-me/css/fonts/Gotham-Bold.otf
Normal file
Binary file not shown.
43
site/contact-me/css/fonts/SIL Open Font License.txt
Normal file
43
site/contact-me/css/fonts/SIL Open Font License.txt
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
Copyright (c) 2013, Juan Pablo del Peral (juan@huertatipografica.com.ar), with Reserved Font Names 'Alegreya Sans'
|
||||
|
||||
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
||||
This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL
|
||||
|
||||
-----------------------------------------------------------
|
||||
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
|
||||
-----------------------------------------------------------
|
||||
|
||||
PREAMBLE
|
||||
The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others.
|
||||
|
||||
The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that any reserved names are not used by derivative works. The fonts and derivatives, however, cannot be released under any other type of license. The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives.
|
||||
|
||||
DEFINITIONS
|
||||
"Font Software" refers to the set of files released by the Copyright Holder(s) under this license and clearly marked as such. This may include source files, build scripts and documentation.
|
||||
|
||||
"Reserved Font Name" refers to any names specified as such after the copyright statement(s).
|
||||
|
||||
"Original Version" refers to the collection of Font Software components as distributed by the Copyright Holder(s).
|
||||
|
||||
"Modified Version" refers to any derivative made by adding to, deleting, or substituting -- in part or in whole -- any of the components of the Original Version, by changing formats or by porting the Font Software to a new environment.
|
||||
|
||||
"Author" refers to any designer, engineer, programmer, technical writer or other person who contributed to the Font Software.
|
||||
|
||||
PERMISSION & CONDITIONS
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of the Font Software, to use, study, copy, merge, embed, modify, redistribute, and sell modified and unmodified copies of the Font Software, subject to the following conditions:
|
||||
|
||||
1) Neither the Font Software nor any of its individual components, in Original or Modified Versions, may be sold by itself.
|
||||
|
||||
2) Original or Modified Versions of the Font Software may be bundled, redistributed and/or sold with any software, provided that each copy contains the above copyright notice and this license. These can be included either as stand-alone text files, human-readable headers or in the appropriate machine-readable metadata fields within text or binary files as long as those fields can be easily viewed by the user.
|
||||
|
||||
3) No Modified Version of the Font Software may use the Reserved Font Name(s) unless explicit written permission is granted by the corresponding Copyright Holder. This restriction only applies to the primary font name as presented to the users.
|
||||
|
||||
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font Software shall not be used to promote, endorse or advertise any Modified Version, except to acknowledge the contribution(s) of the Copyright Holder(s) and the Author(s) or with their explicit written permission.
|
||||
|
||||
5) The Font Software, modified or unmodified, in part or in whole, must be distributed entirely under this license, and must not be distributed under any other license. The requirement for fonts to remain under this license does not apply to any document created using the Font Software.
|
||||
|
||||
TERMINATION
|
||||
This license becomes null and void if any of the above conditions are not met.
|
||||
|
||||
DISCLAIMER
|
||||
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE.
|
||||
BIN
site/contact-me/css/fonts/Sans-Thin.otf
Normal file
BIN
site/contact-me/css/fonts/Sans-Thin.otf
Normal file
Binary file not shown.
191
site/contact-me/css/style.css
Normal file
191
site/contact-me/css/style.css
Normal file
|
|
@ -0,0 +1,191 @@
|
|||
@import url('https://fonts.googleapis.com/css?family=Montserrat:100|Roboto:100');
|
||||
@font-face {
|
||||
font-family: sans-thin;
|
||||
src: url("fonts/Sans-Thin.otf");
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background-image: #f1f1f1;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-image: linear-gradient(#0f2027, #203a43, #2c5364);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: #555;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: gothamBold;
|
||||
src: url("fonts/Gotham-Bold.otf");
|
||||
}
|
||||
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #F6FBFC;
|
||||
}
|
||||
|
||||
.main-page {
|
||||
padding: 8px;
|
||||
font-family: sans-thin, sans-serif;
|
||||
color: #858585;
|
||||
text-decoration: none;
|
||||
transition: color 1s;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.main-page:hover {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.center-align {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
html {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
input,
|
||||
textarea {
|
||||
background-color: #F6FBFC;
|
||||
}
|
||||
|
||||
.contact-section {
|
||||
max-width: 650px;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.title {
|
||||
text-align: center;
|
||||
font-family: Montserrat, sans-serif;
|
||||
text-transform: uppercase;
|
||||
font-size: 50px;
|
||||
letter-spacing: 10px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.row {
|
||||
margin: 0px 0px;
|
||||
}
|
||||
|
||||
.row:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.x-50 {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.x-100 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.row .col {
|
||||
padding: 0 20px;
|
||||
float: left;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.contact-form .input-text {
|
||||
display: block;
|
||||
width: 100%;
|
||||
border-width: 0 0 2px 0;
|
||||
border-color: #ffd1dc;
|
||||
font-family: sans-thin;
|
||||
font-size: 18px;
|
||||
line-height: 26px;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.contact-form .form-field {
|
||||
position: relative;
|
||||
margin: 32px 0;
|
||||
}
|
||||
|
||||
.contact-form .input-text:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.contact-form .input-text:focus+.label,
|
||||
.contact-form .input-text.not-empty+.label,
|
||||
.contact-form .input-text:focus+.textarea,
|
||||
.contact-form .input-text.not-empty+.textarea {
|
||||
transform: translateY(-24px);
|
||||
}
|
||||
|
||||
.contact-form .label {
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
bottom: 10px;
|
||||
font-family: sans-thin, serif;
|
||||
text-transform: uppercase;
|
||||
font-size: 18px;
|
||||
line-height: 26px;
|
||||
font-weight: 400;
|
||||
color: #888;
|
||||
cursor: text;
|
||||
transition: transform 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.textarea {
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
bottom: 110px;
|
||||
font-family: sans-thin, serif;
|
||||
text-transform: uppercase;
|
||||
font-size: 18px;
|
||||
line-height: 26px;
|
||||
font-weight: 400;
|
||||
color: #888;
|
||||
cursor: text;
|
||||
transition: transform 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.contact-form .submit-btn {
|
||||
display: block;
|
||||
position: relative;
|
||||
background-color: #000;
|
||||
color: #fff;
|
||||
font-family: Roboto, sans-serif;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 2px;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
padding: 8px 16px;
|
||||
letter-spacing: 5px;
|
||||
text-align: center;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.rainbow {
|
||||
color: #000;
|
||||
background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2), color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22));
|
||||
background-image: gradient(linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22));
|
||||
color: transparent;
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
}
|
||||
|
||||
BIN
site/contact-me/favicon-16x16.png
Normal file
BIN
site/contact-me/favicon-16x16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 663 B |
BIN
site/contact-me/favicon-32x32.png
Normal file
BIN
site/contact-me/favicon-32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 981 B |
BIN
site/contact-me/favicon.ico
Normal file
BIN
site/contact-me/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
44
site/contact-me/index.html
Normal file
44
site/contact-me/index.html
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
|
||||
<link rel="manifest" href="site.webmanifest">
|
||||
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
|
||||
<meta name="msapplication-TileColor" content="#da532c">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
<meta charset="UTF-8">
|
||||
<title>Contact Form</title>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<a href="https://www.crucialnet.org" class="main-page">Back to the main page</a>
|
||||
<section class="contact-section rainbow">
|
||||
<h1 class="title">LET'S TALK</h1>
|
||||
<form class="contact-form row" action="https://formspree.io/r@crucialnet.org" method="POST">
|
||||
<div class="form-field col x-50">
|
||||
<input id="name" class="input-text js-input" type="text" name="name" required>
|
||||
<label class="label" for="name">Name</label>
|
||||
</div>
|
||||
<div class="form-field col x-50">
|
||||
<input id="email" class="input-text js-input" type="text" name="email" required>
|
||||
<label class="label" for="email">Email</label>
|
||||
</div>
|
||||
<div class="form-field col x-100">
|
||||
<textarea id="email" class="input-text js-input" rows="5" name="message" required></textarea>
|
||||
<label class="textarea" for="message">Message</label>
|
||||
</div>
|
||||
<div class="form-field col x-100">
|
||||
<input type="submit" class="submit-btn">
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
7
site/contact-me/js/main.js
Normal file
7
site/contact-me/js/main.js
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
$('.js-input').keyup(function() {
|
||||
if( $(this).val() ) {
|
||||
$(this).addClass('not-empty');
|
||||
} else {
|
||||
$(this).removeClass('not-empty');
|
||||
}
|
||||
});
|
||||
BIN
site/contact-me/mstile-150x150.png
Normal file
BIN
site/contact-me/mstile-150x150.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
49
site/contact-me/safari-pinned-tab.svg
Normal file
49
site/contact-me/safari-pinned-tab.svg
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
|
||||
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
|
||||
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||||
width="500.000000pt" height="500.000000pt" viewBox="0 0 500.000000 500.000000"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
<metadata>
|
||||
Created by potrace 1.11, written by Peter Selinger 2001-2013
|
||||
</metadata>
|
||||
<g transform="translate(0.000000,500.000000) scale(0.100000,-0.100000)"
|
||||
fill="#000000" stroke="none">
|
||||
<path d="M620 2495 l0 -2495 1890 0 1890 0 0 2495 0 2495 -1890 0 -1890 0 0
|
||||
-2495z m3680 -10 l0 -2405 -1790 0 -1790 0 0 2405 0 2405 1790 0 1790 0 0
|
||||
-2405z"/>
|
||||
<path d="M2458 4024 c-2 -1 -31 -5 -66 -8 -233 -23 -506 -148 -685 -313 -209
|
||||
-193 -379 -506 -433 -800 -2 -13 -7 -35 -11 -50 -3 -16 -7 -188 -9 -383 -2
|
||||
-385 5 -475 51 -625 34 -111 80 -203 160 -320 38 -55 73 -105 79 -111 6 -6 24
|
||||
-27 39 -47 95 -121 234 -260 316 -315 108 -74 322 -164 451 -191 149 -31 180
|
||||
-34 315 -34 348 1 676 146 945 416 173 174 207 249 143 319 -19 21 -72 33
|
||||
-103 23 -11 -4 -87 -73 -168 -154 -241 -241 -404 -332 -672 -375 -80 -13 -230
|
||||
-14 -320 -2 -79 10 -216 50 -296 86 -330 148 -627 508 -693 840 -6 30 -14 69
|
||||
-17 85 -11 47 -14 674 -4 735 18 110 22 126 50 205 51 148 151 324 261 460
|
||||
103 128 224 212 402 279 107 40 210 56 367 58 189 1 328 -28 480 -100 62 -30
|
||||
156 -87 177 -108 8 -8 18 -14 23 -14 5 0 42 -33 82 -73 79 -78 141 -186 152
|
||||
-262 14 -93 28 -144 45 -159 51 -46 132 -34 162 24 18 32 19 63 19 393 0 391
|
||||
-3 413 -57 440 -36 19 -84 15 -116 -9 -32 -23 -44 -74 -45 -177 0 -44 -3 -82
|
||||
-6 -85 -4 -3 -21 8 -39 25 -90 86 -293 207 -422 251 -81 28 -207 58 -280 68
|
||||
-57 7 -272 13 -277 8z"/>
|
||||
<path d="M3577 2843 c-4 -3 -7 -51 -7 -105 l0 -98 -64 0 c-59 0 -81 -9 -86
|
||||
-34 -3 -17 26 -26 87 -26 l62 0 3 -228 3 -229 27 -35 c15 -19 44 -43 65 -54
|
||||
81 -39 248 -27 354 25 90 44 72 92 -20 53 -26 -12 -63 -24 -81 -27 -18 -3 -37
|
||||
-8 -41 -11 -5 -3 -40 -5 -78 -5 -81 0 -140 24 -159 66 -8 17 -12 94 -12 235
|
||||
l0 210 168 0 c175 0 205 6 186 37 -10 16 -31 18 -183 21 l-171 2 0 89 c0 49
|
||||
-3 96 -6 105 -6 16 -35 22 -47 9z"/>
|
||||
<path d="M1970 2645 c-25 -8 -64 -30 -87 -50 -23 -19 -44 -35 -47 -35 -3 0 -6
|
||||
18 -6 40 l0 40 -63 0 c-67 0 -88 -10 -80 -41 4 -15 14 -19 44 -19 l39 0 0
|
||||
-244 0 -245 -47 -3 c-44 -3 -48 -5 -48 -28 l0 -25 121 -3 c99 -2 123 0 134 13
|
||||
20 25 -5 45 -56 45 l-44 0 0 183 0 183 48 52 c73 80 108 93 237 83 24 -1 78
|
||||
-47 94 -79 11 -21 15 -131 12 -344 l-1 -78 -39 0 c-42 0 -54 -13 -39 -42 7
|
||||
-15 23 -18 103 -18 106 0 125 5 125 30 0 21 -19 30 -61 30 l-29 0 2 198 c1
|
||||
178 -1 202 -19 243 -38 83 -89 117 -186 124 -39 3 -79 -1 -107 -10z"/>
|
||||
<path d="M2778 2646 c-125 -36 -222 -152 -232 -277 -2 -28 7 -102 17 -134 28
|
||||
-93 145 -195 251 -219 32 -8 139 -9 171 -2 95 20 171 52 205 86 25 25 25 37 1
|
||||
49 -14 8 -25 6 -46 -10 -46 -37 -160 -70 -237 -70 -104 0 -157 20 -218 81 -45
|
||||
45 -66 81 -75 133 l-7 37 301 0 300 0 -5 43 c-25 177 -135 282 -306 292 -44 3
|
||||
-92 -1 -120 -9z m207 -67 c75 -35 139 -105 151 -169 l7 -30 -271 0 -270 0 17
|
||||
47 c22 63 94 135 157 155 57 19 164 17 209 -3z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
19
site/contact-me/site.webmanifest
Normal file
19
site/contact-me/site.webmanifest
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
{
|
||||
"name": "",
|
||||
"short_name": "",
|
||||
"icons": [
|
||||
{
|
||||
"src": "/android-chrome-192x192.png",
|
||||
"sizes": "192x192",
|
||||
"type": "image/png"
|
||||
},
|
||||
{
|
||||
"src": "/android-chrome-384x384.png",
|
||||
"sizes": "384x384",
|
||||
"type": "image/png"
|
||||
}
|
||||
],
|
||||
"theme_color": "#ffffff",
|
||||
"background_color": "#ffffff",
|
||||
"display": "standalone"
|
||||
}
|
||||
BIN
site/css/fonts/Gotham-Bold.otf
Normal file
BIN
site/css/fonts/Gotham-Bold.otf
Normal file
Binary file not shown.
BIN
site/css/fonts/Proxima Nova Alt Light.otf
Normal file
BIN
site/css/fonts/Proxima Nova Alt Light.otf
Normal file
Binary file not shown.
43
site/css/fonts/SIL Open Font License.txt
Normal file
43
site/css/fonts/SIL Open Font License.txt
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
Copyright (c) 2013, Juan Pablo del Peral (juan@huertatipografica.com.ar), with Reserved Font Names 'Alegreya Sans'
|
||||
|
||||
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
||||
This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL
|
||||
|
||||
-----------------------------------------------------------
|
||||
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
|
||||
-----------------------------------------------------------
|
||||
|
||||
PREAMBLE
|
||||
The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others.
|
||||
|
||||
The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that any reserved names are not used by derivative works. The fonts and derivatives, however, cannot be released under any other type of license. The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives.
|
||||
|
||||
DEFINITIONS
|
||||
"Font Software" refers to the set of files released by the Copyright Holder(s) under this license and clearly marked as such. This may include source files, build scripts and documentation.
|
||||
|
||||
"Reserved Font Name" refers to any names specified as such after the copyright statement(s).
|
||||
|
||||
"Original Version" refers to the collection of Font Software components as distributed by the Copyright Holder(s).
|
||||
|
||||
"Modified Version" refers to any derivative made by adding to, deleting, or substituting -- in part or in whole -- any of the components of the Original Version, by changing formats or by porting the Font Software to a new environment.
|
||||
|
||||
"Author" refers to any designer, engineer, programmer, technical writer or other person who contributed to the Font Software.
|
||||
|
||||
PERMISSION & CONDITIONS
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of the Font Software, to use, study, copy, merge, embed, modify, redistribute, and sell modified and unmodified copies of the Font Software, subject to the following conditions:
|
||||
|
||||
1) Neither the Font Software nor any of its individual components, in Original or Modified Versions, may be sold by itself.
|
||||
|
||||
2) Original or Modified Versions of the Font Software may be bundled, redistributed and/or sold with any software, provided that each copy contains the above copyright notice and this license. These can be included either as stand-alone text files, human-readable headers or in the appropriate machine-readable metadata fields within text or binary files as long as those fields can be easily viewed by the user.
|
||||
|
||||
3) No Modified Version of the Font Software may use the Reserved Font Name(s) unless explicit written permission is granted by the corresponding Copyright Holder. This restriction only applies to the primary font name as presented to the users.
|
||||
|
||||
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font Software shall not be used to promote, endorse or advertise any Modified Version, except to acknowledge the contribution(s) of the Copyright Holder(s) and the Author(s) or with their explicit written permission.
|
||||
|
||||
5) The Font Software, modified or unmodified, in part or in whole, must be distributed entirely under this license, and must not be distributed under any other license. The requirement for fonts to remain under this license does not apply to any document created using the Font Software.
|
||||
|
||||
TERMINATION
|
||||
This license becomes null and void if any of the above conditions are not met.
|
||||
|
||||
DISCLAIMER
|
||||
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE.
|
||||
BIN
site/css/fonts/Sans-Thin.otf
Normal file
BIN
site/css/fonts/Sans-Thin.otf
Normal file
Binary file not shown.
BIN
site/css/fonts/futura-pt-light.otf
Normal file
BIN
site/css/fonts/futura-pt-light.otf
Normal file
Binary file not shown.
BIN
site/css/res/fb.png
Normal file
BIN
site/css/res/fb.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
site/css/res/footer-background.jpg
Normal file
BIN
site/css/res/footer-background.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.1 KiB |
BIN
site/css/res/gplus.png
Normal file
BIN
site/css/res/gplus.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
site/css/res/header-background.jpg
Normal file
BIN
site/css/res/header-background.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 181 KiB |
BIN
site/css/res/insta.png
Normal file
BIN
site/css/res/insta.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
site/css/res/profile-photo.jpg
Normal file
BIN
site/css/res/profile-photo.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 242 KiB |
BIN
site/css/res/profile-square.jpg
Normal file
BIN
site/css/res/profile-square.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 351 KiB |
BIN
site/css/res/schat.png
Normal file
BIN
site/css/res/schat.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
site/css/res/twitter.png
Normal file
BIN
site/css/res/twitter.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
583
site/css/style.css
Normal file
583
site/css/style.css
Normal file
|
|
@ -0,0 +1,583 @@
|
|||
@import url("https://fonts.googleapis.com/css?family=Great+Vibes");
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background-image: linear-gradient(to top, #bdc3c7, #2c3e50)
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-image: linear-gradient(#8e9eab, #eef2f3);
|
||||
/*(#0f2027, #203a43, #2c5364*/
|
||||
/*(#c6ffdd, #fbd786, #f7797d*/
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: #555;
|
||||
}
|
||||
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
html {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
cursor: default;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: gothamBold;
|
||||
src: url("fonts/Gotham-Bold.otf");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: sansThin;
|
||||
src: url("fonts/Sans-Thin.otf");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: futuraLight;
|
||||
src: url("fonts/futura-pt-light.otf");
|
||||
}
|
||||
|
||||
header {
|
||||
background-color: #000;
|
||||
margin: 0 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
nav {
|
||||
transform: translateY(-70px);
|
||||
color: #0d0d0d;
|
||||
animation: nav-wipe 0.75s ease-in-out forwards;
|
||||
animation-delay: 5s;
|
||||
}
|
||||
|
||||
@keyframes nav-wipe {
|
||||
0% {
|
||||
transform: translateY(-70px);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateY(0px);
|
||||
}
|
||||
}
|
||||
|
||||
nav li {
|
||||
list-style: none;
|
||||
display: inline-block;
|
||||
margin: 20px 60px;
|
||||
background: #000;
|
||||
border-color: #000;
|
||||
}
|
||||
|
||||
nav a {
|
||||
color: #FFFFFF;
|
||||
background: #000;
|
||||
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 #000;
|
||||
transition: outline 2s;
|
||||
-webkit-transition: outline 2s;
|
||||
|
||||
}
|
||||
|
||||
nav a:hover {
|
||||
outline: 1px solid #fff;
|
||||
}
|
||||
|
||||
.divider {
|
||||
color: #000;
|
||||
font-size: 200%;
|
||||
position: fixed;
|
||||
bottom: 2px;
|
||||
right: -75px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#landing-section {
|
||||
padding: 0;
|
||||
background-image: url(res/header-background.jpg);
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.FrontPageHeaderText {
|
||||
color: #1ED760;
|
||||
font-family: gothamBold;
|
||||
font-size: 200%;
|
||||
padding: 12px;
|
||||
|
||||
}
|
||||
|
||||
@keyframes wipe-right {
|
||||
0% {
|
||||
transform: translateX(-400px);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateX(0px);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes wipe-right {
|
||||
0% {
|
||||
transform: translateX(-400px);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateX(0px);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes wipe-left {
|
||||
0% {
|
||||
transform: translateX(400px);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateX(0px);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes wipe-left {
|
||||
0% {
|
||||
transform: translateX(400px);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateX(0px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#TopLeftHeader {
|
||||
animation: wipe-right 1s forwards;
|
||||
animation-delay: 4s;
|
||||
transition-delay: 4s;
|
||||
transform: translateX(-400px);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#BottomRightHeader {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
text-align: right;
|
||||
transform: translateX(400px);
|
||||
animation: wipe-left 1s forwards;
|
||||
animation-delay: 4s;
|
||||
|
||||
}
|
||||
|
||||
#headerTitleText {
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
font-size: 300%;
|
||||
|
||||
|
||||
animation: cursor-blink 0.5s infinite alternate, typing-anim 3s steps(14);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
border-right: 3px solid #1ED760;
|
||||
}
|
||||
|
||||
@keyframes typing-anim {
|
||||
from {
|
||||
width: 0px;
|
||||
}
|
||||
|
||||
to {
|
||||
width: 350px;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes typing-anim {
|
||||
from {
|
||||
width: 0ch;
|
||||
}
|
||||
|
||||
to {
|
||||
width: 14ch;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes typing-anim {
|
||||
from {
|
||||
width: 0ch;
|
||||
}
|
||||
|
||||
to {
|
||||
width: 14ch;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes cursor-blink {
|
||||
from {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
to {
|
||||
border-color: #1ED760;
|
||||
}
|
||||
}
|
||||
|
||||
#titleToQuote {
|
||||
border: 2px solid #000;
|
||||
background-color: transparent;
|
||||
color: #000;
|
||||
padding: 14px 28px;
|
||||
font-size: 16px;
|
||||
font-family: gothamBold;
|
||||
cursor: pointer;
|
||||
border-color: #1ED760;
|
||||
color: #1ED760;
|
||||
border-radius: 50px;
|
||||
position: absolute;
|
||||
top: 60%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
#titleToQuote a {
|
||||
text-decoration: none;
|
||||
color: #1ED760
|
||||
}
|
||||
|
||||
.body-sections {
|
||||
height: 100vh;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.navbarLogo {
|
||||
font-family: courier;
|
||||
padding: 8px;
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
border: 2px solid #fff;
|
||||
margin-top: 8px;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#aboutMeQuote {
|
||||
font-family: 'Great Vibes', cursive;
|
||||
height: 50%;
|
||||
font-weight: 10;
|
||||
font-size: 500%;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
clear: both;
|
||||
|
||||
|
||||
}
|
||||
|
||||
#quoteByline {
|
||||
color: #ff1493;
|
||||
font-size: 50%;
|
||||
font-family: sansThin;
|
||||
font-size: 10;
|
||||
|
||||
}
|
||||
|
||||
.relativePos {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.quoteToAbout {
|
||||
width: 100%;
|
||||
padding-top: 10px;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.quoteToAbout:after {
|
||||
content: "";
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
display: inline;
|
||||
margin: auto;
|
||||
position: absolute;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
|
||||
-webkit-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
-webkit-animation: 3s arrow infinite ease;
|
||||
animation: 3s arrow infinite ease;
|
||||
}
|
||||
|
||||
@-webkit-keyframes arrow {
|
||||
|
||||
0%,
|
||||
100% {
|
||||
top: 50px;
|
||||
}
|
||||
|
||||
50% {
|
||||
top: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes arrow {
|
||||
|
||||
0%,
|
||||
100% {
|
||||
top: 50px;
|
||||
}
|
||||
|
||||
50% {
|
||||
top: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
#about-section {
|
||||
background-color: #F7CAD5;
|
||||
color: #1a1a1a;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#about-header {
|
||||
font-family: sansThin;
|
||||
position: relative;
|
||||
font-size: 300%;
|
||||
padding-top: 30px;
|
||||
padding-bottom: 30px;
|
||||
height: 10px;
|
||||
text-align: center;
|
||||
font-weight: lighter;
|
||||
|
||||
}
|
||||
|
||||
#about-header span {
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 40px;
|
||||
height: 2px;
|
||||
background: #1a1a1a;
|
||||
left: 40%;
|
||||
transform: translate(50%, 0%);
|
||||
transition: left 2s;
|
||||
}
|
||||
|
||||
#about-header:hover span {
|
||||
left: 55%;
|
||||
}
|
||||
|
||||
#about-subheader {
|
||||
font-family: sansThin;
|
||||
height: 20px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding: 16px;
|
||||
|
||||
}
|
||||
|
||||
#about-row {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
text-align: justify;
|
||||
align-items: center;
|
||||
font-family: futuraLight, Helvetica, Arial, sans-serif;
|
||||
margin: 0px;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
#about-row > div {
|
||||
padding-left: 25px;
|
||||
padding-right: 25px;
|
||||
padding-top: 20px;
|
||||
width: 450px;
|
||||
height: 600px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#first-letter {
|
||||
font-size: 40px;
|
||||
border: .5px #000 solid;
|
||||
}
|
||||
|
||||
#secret-link {
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.about-link {
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.about-link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#secret-link:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
#photo-column {
|
||||
border: 2px solid #000;
|
||||
padding: 20px;
|
||||
transition: border .5s;
|
||||
}
|
||||
|
||||
#photo-column:hover {
|
||||
border: 4px solid #000;
|
||||
}
|
||||
|
||||
#text-column1 {
|
||||
border-right: 1px solid #000;
|
||||
}
|
||||
|
||||
#contact-section {
|
||||
margin-left: 200px;
|
||||
background-color: #fdfd96;
|
||||
margin-right: 200px;
|
||||
}
|
||||
|
||||
#hr-contact {
|
||||
margin-top: 4rem;
|
||||
margin-bottom: 6rem;
|
||||
|
||||
border-width: 0;
|
||||
border-top: 2px solid #000;
|
||||
width: 40px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#contact-link {
|
||||
font-family: sansThin;
|
||||
font-size: 250%;
|
||||
letter-spacing: 1.5px;
|
||||
margin-bottom: 12rem;
|
||||
}
|
||||
|
||||
#about-signature {
|
||||
font-size: 20px;
|
||||
font-family: monospace;
|
||||
text-transform: lowercase;
|
||||
font-weight: 100;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
footer {
|
||||
height: 200px;
|
||||
background-color: #414141;
|
||||
padding-left: 200px;
|
||||
padding-right: 200px;
|
||||
}
|
||||
|
||||
#hr-footer {
|
||||
margin-top: 3rem;
|
||||
margin-bottom: 3rem;
|
||||
background-color: pink;
|
||||
}
|
||||
|
||||
.icons {
|
||||
display: block;
|
||||
top: -50%;
|
||||
transform: translateY(-50%);
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background-size: 50px 50px;
|
||||
margin-right: 20px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.copyright {
|
||||
color: #E5E5E5;
|
||||
font-family: futuraLight;
|
||||
}
|
||||
|
||||
#footer-name-link {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
transition: color .5s;
|
||||
}
|
||||
|
||||
#footer-name-link:hover {
|
||||
color: #F7CAD5;
|
||||
}
|
||||
|
||||
.toggle {
|
||||
width: 100%;
|
||||
padding: 10px 20px;
|
||||
background: inherit;
|
||||
text-align: right;
|
||||
box-sizing: border-box;
|
||||
color: #fff;
|
||||
font-size: 30px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.toggle .navbarLogo {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
margin: auto auto;
|
||||
margin: 0 auto;
|
||||
font-size: 75%;
|
||||
}
|
||||
|
||||
@media (max-width: 1250px) {
|
||||
.toggle {
|
||||
display: block;
|
||||
}
|
||||
|
||||
nav {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
ul {
|
||||
width: 100%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul li {
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
ul a
|
||||
|
||||
.navbar-bot {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
ul .navbarLogo {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#photo-column {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
BIN
site/favicon-16x16.png
Normal file
BIN
site/favicon-16x16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 663 B |
BIN
site/favicon-32x32.png
Normal file
BIN
site/favicon-32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 981 B |
BIN
site/favicon.ico
Normal file
BIN
site/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
99
site/index.html
Normal file
99
site/index.html
Normal file
|
|
@ -0,0 +1,99 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
|
||||
<link rel="manifest" href="site.webmanifest">
|
||||
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
|
||||
<meta name="msapplication-TileColor" content="#da532c">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
<title>Welcome to CrucialNET</title>
|
||||
<link rel="stylesheet" href="css/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>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
|
||||
</script>
|
||||
<script src="js/main.js"></script>
|
||||
<header>
|
||||
|
||||
<nav>
|
||||
<div class="toggle">
|
||||
<h1 class="navbarLogo">CrucialNET</h1>
|
||||
<i class="fa fa-bars menu" aria-hidden="true"></i>
|
||||
</div>
|
||||
<ul>
|
||||
<li><a id="toAbout" class="link-underline-effect">About Me</a><span class="divider">|</span></li>
|
||||
<li><a href="the-archives/index.html" class="link-underline-effect">The Archives</a><span class="divider">|</span></li>
|
||||
<h1 class="navbarLogo">CrucialNET</h1>
|
||||
<li><a href="/resume/resume.pdf" class="link-underline-effect">My RÉsumÉ</a><span class="divider">|</span></li>
|
||||
<li class="navbar-bot"><a href="/contact-me" class="link-underline-effect navbar-bot-link">Contact Me</a></li>
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
<section id="landing-section" class="body-sections">
|
||||
<h1 class="FrontPageHeaderText" id="headerTitleText">82.165.116.211</h1>
|
||||
<h2 id="TopLeftHeader" class="FrontPageHeaderText">Hi, <br> I'm Rushil</h2>
|
||||
<div>
|
||||
<h2 id="BottomRightHeader" class="FrontPageHeaderText">And this <br> is not my website.</h2>
|
||||
<div>
|
||||
<button id="titleToQuote">Let's Explore</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="quote-section" class="body-sections">
|
||||
<h1 id="aboutMeQuote">"The difference between genius and stupidity, is genius has its limits"<span id="quoteByline"> - Albert Einstein</span></h1>
|
||||
<div class="relativePos">
|
||||
<div class="quoteToAbout"></div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<section id="about-section" class="body-sections">
|
||||
<h1 id="about-header"><span></span>Divulgence (n.)</h1>
|
||||
<h3 id="about-subheader">1. To make known<br> 2. To proclaim publicly</h3>
|
||||
<div id="about-row">
|
||||
<div id="photo-column"><img src="css/res/profile-photo.jpg"/ width="450px" height="600px"></div>
|
||||
<div id="text-column1"> <span id='first-letter'>H</span> i! I'm Rushil Umaretiya, sole proprietor of CrucialNET. Welcome to my eponymous abode, I spent quite a while working on this, so my Dad said that it should be good, or I'd get a थप्पड़. Let's start from the beginning, I’m in 4th grade and I have some great neighbors who are willing to teach me and a bunch of other 4th graders Scratch, a block based graphic language that is used to teach the basics of computer programming, such as basic loops and if/else statements. By 5th grade I'm fluent in Scratch, and I
|
||||
<!-- If you're here because you were to lazy to count, I sympathize--><a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" id="secret-link">want</a> to learn more, so like any other normal 5th grader I take a 8-week course in web development. I decide that making websites is fun, but there is more, so as I delve further into coding in my free time, I decide that learning Java would be a could next step, so I return to my neighbors who teach me Java through Minecraft modding (It kept my 10 year-old mind occupied). With a foothold in Java I create some really cool Minecraft things, and decide that the best course of action would be learning more languages, and even though I realized that it would be quite the while before I was able to anything substantial with this newfound knowledge I knew that learning how to code teaches one how to think, and I would be more than ready when the time came to use my knowledge. So I kept learning, and taking more and more in: from the simplicity of Ruby to the depths of SQL. By this time I was in 7th grade, and I was realizing that the workload was catching up. I quickly realized that some of my peers were taken by surprise, slowly falling behind, while others seemed ready for this for years. This left me completely disheartened, and I realized that the one-size-fits-all mindset of the American education system was leaving too many people behind. So I decided that I would finally decide to do something about this, and began a completely free tutoring service.
|
||||
</div>
|
||||
<div id="text-column2">Making it free was one of the things that really pushed it the extra mile for me, allowing myself to give many students who weren’t compatible with the learning system a second chance at showing their strength, and not being able to harmonize with the static flow of the current educational standards was nothing to be ashamed about, but really just something that deserves a different point of view than what was originally fed to the student, because there is no person without potential to progress. I Currently I have 13 students who I consult, some coming once a month to twice a week, ranging from sophomore to 7th grade, on a myriad of subjects. And this becomes a mutualistic relationship, because just as they are learning, so am I, constantly, from new techniques to different perspectives on a subject. And even through tutoring I was still able to indulge in my other hobbies, especially Arduino, something I’ve always seen as too difficult, but after getting a starter kit, it turned out to be pretty simple, so I built myself an alarm clock, and then designed a audio input to frequency board that I plugged into a LED strip creating a stunning linear visualizer. Just as I’ve learned Arduino, I’ve also learned a great deal about game development, mainly through Unity, and created quite a few 2D and 3D games on multiple platforms. I am currently working app development for my latest project, FromMeToYou which you can read more about on The Archives, my personal blog, or right <a class="about-link" href="the-archives/index.html">here</a>. You’ve made it to the end! As a little secret if you click the fifty-third word in this biography you can get a surprise. If you wish to contact me for any reason whatsoever please do so at <a href="mailto:r@crucialnet.org" class="about-link">r@crucialnet.org</a> or click <a href="contact-me/index.html" class="about-link">here</a>. You can find my resume right <a class="about-link" href="resume/index.html">here</a> or at the top of the page, and I urge you to visit <a class="about-link" href="the-archives/index.html">my personal blog</a>, The Archives, where I try to post as much as I can. I look forward to making your acquaintance,<br>
|
||||
<hr><br><span id="about-signature">-Rushil</span></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="contact-section">
|
||||
<hr id="hr-contact">
|
||||
<h1 id="contact-link">Let's Talk, <a href="contact-me/index.html" style="color: black; margin-bottom: 50px;">r@crucialnet.org</a></h1>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<hr id="hr-footer">
|
||||
<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>
|
||||
15
site/js/main.js
Normal file
15
site/js/main.js
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
$(document).ready(function(){
|
||||
$("#titleToQuote").click(function(){
|
||||
$('html, body').animate({
|
||||
scrollTop: $("#quote-section").offset().top}, 1250);
|
||||
});
|
||||
|
||||
$('.quoteToAbout, #toAbout').click(function(){
|
||||
$('html, body').animate({
|
||||
scrollTop: $("#about-section").offset().top}, 1250);
|
||||
});
|
||||
|
||||
$('.menu').click(function() {
|
||||
$('ul').toggleClass('active');
|
||||
})
|
||||
});
|
||||
BIN
site/mstile-150x150.png
Normal file
BIN
site/mstile-150x150.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
site/resume/resume.pdf
Normal file
BIN
site/resume/resume.pdf
Normal file
Binary file not shown.
49
site/safari-pinned-tab.svg
Normal file
49
site/safari-pinned-tab.svg
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
|
||||
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
|
||||
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||||
width="500.000000pt" height="500.000000pt" viewBox="0 0 500.000000 500.000000"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
<metadata>
|
||||
Created by potrace 1.11, written by Peter Selinger 2001-2013
|
||||
</metadata>
|
||||
<g transform="translate(0.000000,500.000000) scale(0.100000,-0.100000)"
|
||||
fill="#000000" stroke="none">
|
||||
<path d="M620 2495 l0 -2495 1890 0 1890 0 0 2495 0 2495 -1890 0 -1890 0 0
|
||||
-2495z m3680 -10 l0 -2405 -1790 0 -1790 0 0 2405 0 2405 1790 0 1790 0 0
|
||||
-2405z"/>
|
||||
<path d="M2458 4024 c-2 -1 -31 -5 -66 -8 -233 -23 -506 -148 -685 -313 -209
|
||||
-193 -379 -506 -433 -800 -2 -13 -7 -35 -11 -50 -3 -16 -7 -188 -9 -383 -2
|
||||
-385 5 -475 51 -625 34 -111 80 -203 160 -320 38 -55 73 -105 79 -111 6 -6 24
|
||||
-27 39 -47 95 -121 234 -260 316 -315 108 -74 322 -164 451 -191 149 -31 180
|
||||
-34 315 -34 348 1 676 146 945 416 173 174 207 249 143 319 -19 21 -72 33
|
||||
-103 23 -11 -4 -87 -73 -168 -154 -241 -241 -404 -332 -672 -375 -80 -13 -230
|
||||
-14 -320 -2 -79 10 -216 50 -296 86 -330 148 -627 508 -693 840 -6 30 -14 69
|
||||
-17 85 -11 47 -14 674 -4 735 18 110 22 126 50 205 51 148 151 324 261 460
|
||||
103 128 224 212 402 279 107 40 210 56 367 58 189 1 328 -28 480 -100 62 -30
|
||||
156 -87 177 -108 8 -8 18 -14 23 -14 5 0 42 -33 82 -73 79 -78 141 -186 152
|
||||
-262 14 -93 28 -144 45 -159 51 -46 132 -34 162 24 18 32 19 63 19 393 0 391
|
||||
-3 413 -57 440 -36 19 -84 15 -116 -9 -32 -23 -44 -74 -45 -177 0 -44 -3 -82
|
||||
-6 -85 -4 -3 -21 8 -39 25 -90 86 -293 207 -422 251 -81 28 -207 58 -280 68
|
||||
-57 7 -272 13 -277 8z"/>
|
||||
<path d="M3577 2843 c-4 -3 -7 -51 -7 -105 l0 -98 -64 0 c-59 0 -81 -9 -86
|
||||
-34 -3 -17 26 -26 87 -26 l62 0 3 -228 3 -229 27 -35 c15 -19 44 -43 65 -54
|
||||
81 -39 248 -27 354 25 90 44 72 92 -20 53 -26 -12 -63 -24 -81 -27 -18 -3 -37
|
||||
-8 -41 -11 -5 -3 -40 -5 -78 -5 -81 0 -140 24 -159 66 -8 17 -12 94 -12 235
|
||||
l0 210 168 0 c175 0 205 6 186 37 -10 16 -31 18 -183 21 l-171 2 0 89 c0 49
|
||||
-3 96 -6 105 -6 16 -35 22 -47 9z"/>
|
||||
<path d="M1970 2645 c-25 -8 -64 -30 -87 -50 -23 -19 -44 -35 -47 -35 -3 0 -6
|
||||
18 -6 40 l0 40 -63 0 c-67 0 -88 -10 -80 -41 4 -15 14 -19 44 -19 l39 0 0
|
||||
-244 0 -245 -47 -3 c-44 -3 -48 -5 -48 -28 l0 -25 121 -3 c99 -2 123 0 134 13
|
||||
20 25 -5 45 -56 45 l-44 0 0 183 0 183 48 52 c73 80 108 93 237 83 24 -1 78
|
||||
-47 94 -79 11 -21 15 -131 12 -344 l-1 -78 -39 0 c-42 0 -54 -13 -39 -42 7
|
||||
-15 23 -18 103 -18 106 0 125 5 125 30 0 21 -19 30 -61 30 l-29 0 2 198 c1
|
||||
178 -1 202 -19 243 -38 83 -89 117 -186 124 -39 3 -79 -1 -107 -10z"/>
|
||||
<path d="M2778 2646 c-125 -36 -222 -152 -232 -277 -2 -28 7 -102 17 -134 28
|
||||
-93 145 -195 251 -219 32 -8 139 -9 171 -2 95 20 171 52 205 86 25 25 25 37 1
|
||||
49 -14 8 -25 6 -46 -10 -46 -37 -160 -70 -237 -70 -104 0 -157 20 -218 81 -45
|
||||
45 -66 81 -75 133 l-7 37 301 0 300 0 -5 43 c-25 177 -135 282 -306 292 -44 3
|
||||
-92 -1 -120 -9z m207 -67 c75 -35 139 -105 151 -169 l7 -30 -271 0 -270 0 17
|
||||
47 c22 63 94 135 157 155 57 19 164 17 209 -3z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
19
site/site.webmanifest
Normal file
19
site/site.webmanifest
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
{
|
||||
"name": "",
|
||||
"short_name": "",
|
||||
"icons": [
|
||||
{
|
||||
"src": "/android-chrome-192x192.png",
|
||||
"sizes": "192x192",
|
||||
"type": "image/png"
|
||||
},
|
||||
{
|
||||
"src": "/android-chrome-384x384.png",
|
||||
"sizes": "384x384",
|
||||
"type": "image/png"
|
||||
}
|
||||
],
|
||||
"theme_color": "#ffffff",
|
||||
"background_color": "#ffffff",
|
||||
"display": "standalone"
|
||||
}
|
||||
108
site/the-archives/2018/12/22/index.html
Normal file
108
site/the-archives/2018/12/22/index.html
Normal file
|
|
@ -0,0 +1,108 @@
|
|||
<!-- ToDO:
|
||||
Change title inside head
|
||||
Change title of the post
|
||||
Change Caption
|
||||
Change Gradient of Title
|
||||
Change Header Photo
|
||||
Change Content of post
|
||||
Change Date of Post
|
||||
Delete Me-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
||||
<link rel="manifest" href="/site.webmanifest">
|
||||
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
|
||||
<title>12/22/2018</title>
|
||||
<link rel="stylesheet" type="text/css" href="/the-archives/res/posts/poststyle.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header id="navbar">
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="/index.html#about-section" class="link-underline-effect">About Me</a></li>
|
||||
<li><a href="/the-archives" class="link-underline-effect">The Archives</a></li>
|
||||
<h1 id="navbarLogo">CrucialNET</h1>
|
||||
<li><a href="/resume/resume/pdf" 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" style="background: linear-gradient(to right, #16222a, #3a6073);">Interplanetary Bombardment</span></h1>
|
||||
<div class="header-img" style="background-image: url('/the-archives/res/card-images/inbom.PNG')"></div>
|
||||
<div class="caption">"My own minimalist, sci-fi shooter for IOS and Android"</div>
|
||||
<div class="author-row">
|
||||
<div style="background-image: url('/the-archives/res/images/profile-square.jpg')" class="author-avatar"></div>
|
||||
<p class="author-info">RUSHIL UMARETIYA | December 22, 2018 | <u>PROJECTS</u></p>
|
||||
</div>
|
||||
<div class="post-col">
|
||||
<div class="post-content">
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
|
||||
|
||||
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
|
||||
|
||||
Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
|
||||
|
||||
Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.
|
||||
|
||||
Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc</p>
|
||||
|
||||
<hr style="margin: 25px 0;">
|
||||
|
||||
<div id="disqus_thread"></div>
|
||||
<script>
|
||||
/**
|
||||
* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
|
||||
* LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/
|
||||
/*
|
||||
var disqus_config = function () {
|
||||
this.page.url = PAGE_URL; // Replace PAGE_URL with your page's canonical URL variable
|
||||
this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
|
||||
};
|
||||
*/
|
||||
(function() { // DON'T EDIT BELOW THIS LINE
|
||||
var d = document,
|
||||
s = d.createElement('script');
|
||||
s.src = 'https://crucialnet-org.disqus.com/embed.js';
|
||||
s.setAttribute('data-timestamp', +new Date());
|
||||
(d.head || d.body).appendChild(s);
|
||||
})();
|
||||
|
||||
</script>
|
||||
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
|
||||
</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>
|
||||
101
site/the-archives/2019/01/05/index.html
Normal file
101
site/the-archives/2019/01/05/index.html
Normal file
|
|
@ -0,0 +1,101 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
||||
<link rel="manifest" href="/site.webmanifest">
|
||||
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
|
||||
<title>01/05/2019</title>
|
||||
<link rel="stylesheet" type="text/css" href="/the-archives/res/posts/poststyle.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header id="navbar">
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="/index.html#about-section" class="link-underline-effect">About Me</a></li>
|
||||
<li><a href="/the-archives" class="link-underline-effect">The Archives</a></li>
|
||||
<h1 id="navbarLogo">CrucialNET</h1>
|
||||
<li><a href="/resume/resume.pdf" 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" style="background: linear-gradient(to right, #30CFD0 0%, #330867 100%);">FromMeToYou</span></h1>
|
||||
<div class="header-img" style="background-image: url('/the-archives/res/posts/2019/01/05/header.png')"></div>
|
||||
<div class="caption">"We are working hard to change the public opinion on homelessness and food need in Loudoun County"</div>
|
||||
<div class="author-row">
|
||||
<div style="background-image: url('/the-archives/res/images/profile-square.jpg')" class="author-avatar"></div>
|
||||
<p class="author-info">RUSHIL UMARETIYA | January 5, 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>
|
||||
|
||||
<hr style="margin: 25px 0;">
|
||||
|
||||
<div id="disqus_thread"></div>
|
||||
<script>
|
||||
/**
|
||||
* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
|
||||
* LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/
|
||||
/*
|
||||
var disqus_config = function () {
|
||||
this.page.url = PAGE_URL; // Replace PAGE_URL with your page's canonical URL variable
|
||||
this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
|
||||
};
|
||||
*/
|
||||
(function() { // DON'T EDIT BELOW THIS LINE
|
||||
var d = document,
|
||||
s = d.createElement('script');
|
||||
s.src = 'https://crucialnet-org.disqus.com/embed.js';
|
||||
s.setAttribute('data-timestamp', +new Date());
|
||||
(d.head || d.body).appendChild(s);
|
||||
})();
|
||||
|
||||
</script>
|
||||
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
|
||||
</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>
|
||||
83
site/the-archives/index.html
Normal file
83
site/the-archives/index.html
Normal file
|
|
@ -0,0 +1,83 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
||||
<link rel="manifest" href="/site.webmanifest">
|
||||
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
|
||||
<title>The Archives</title>
|
||||
<link rel="stylesheet" href="res/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header id="navbar">
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="/index.html#about-section" class="link-underline-effect">About Me</a></li>
|
||||
<li><a href="/the-archives" class="link-underline-effect">The Archives</a></li>
|
||||
<h1 id="navbarLogo">CrucialNET</h1>
|
||||
<li><a href="/resume/resume.pdf" 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>
|
||||
<header id="landing">
|
||||
<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='2019/01/05'">
|
||||
<div class="white-background">
|
||||
<div class="img-container" style="background-image: url('res/card-images/fmu.PNG');"></div>
|
||||
</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" onclick="window.location.href='/404'">
|
||||
<div class="white-background">
|
||||
<div class="img-container" style="background-image: url('res/card-images/inbom.PNG');"></div>
|
||||
</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 class="card" onclick="window.location.href='/404'">
|
||||
<div class="white-background">
|
||||
<div class="img-container" style="background-image: url('res/card-images/appdev.png');"></div>
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<h2><span class="underline-span">PROJECTS</span></h2>
|
||||
<h1>My Time In App Development</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>
|
||||
<div class="about-avatar" style="background-image:url('res/images/profile-photo2.jpg')"></div>
|
||||
<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>
|
||||
BIN
site/the-archives/res/backgrounds/background.png
Normal file
BIN
site/the-archives/res/backgrounds/background.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 282 KiB |
BIN
site/the-archives/res/backgrounds/header-background.jpg
Normal file
BIN
site/the-archives/res/backgrounds/header-background.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 498 KiB |
BIN
site/the-archives/res/card-images/appdev.png
Normal file
BIN
site/the-archives/res/card-images/appdev.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 118 KiB |
BIN
site/the-archives/res/card-images/fmu.PNG
Normal file
BIN
site/the-archives/res/card-images/fmu.PNG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 53 KiB |
BIN
site/the-archives/res/card-images/inbom.PNG
Normal file
BIN
site/the-archives/res/card-images/inbom.PNG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 148 KiB |
BIN
site/the-archives/res/fonts/Gotham-Bold.otf
Normal file
BIN
site/the-archives/res/fonts/Gotham-Bold.otf
Normal file
Binary file not shown.
BIN
site/the-archives/res/fonts/Sans-Thin.otf
Normal file
BIN
site/the-archives/res/fonts/Sans-Thin.otf
Normal file
Binary file not shown.
BIN
site/the-archives/res/fonts/futura-pt-light.otf
Normal file
BIN
site/the-archives/res/fonts/futura-pt-light.otf
Normal file
Binary file not shown.
BIN
site/the-archives/res/images/profile-photo.jpg
Normal file
BIN
site/the-archives/res/images/profile-photo.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 242 KiB |
BIN
site/the-archives/res/images/profile-photo2.jpg
Normal file
BIN
site/the-archives/res/images/profile-photo2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
site/the-archives/res/images/profile-square.jpg
Normal file
BIN
site/the-archives/res/images/profile-square.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 351 KiB |
BIN
site/the-archives/res/posts/2019/01/05/header.png
Normal file
BIN
site/the-archives/res/posts/2019/01/05/header.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
214
site/the-archives/res/posts/poststyle.css
Normal file
214
site/the-archives/res/posts/poststyle.css
Normal file
|
|
@ -0,0 +1,214 @@
|
|||
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto|Poppins|Charm');
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: sansThin;
|
||||
src: url("/the-archives/res/fonts/Sans-Thin.otf");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: gothamBold;
|
||||
src: url("/the-archives/res/fonts/Gotham-Bold.otf");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: futuraLight;
|
||||
src: url("/css/fonts/futura-pt-light.otf");
|
||||
}
|
||||
|
||||
body {
|
||||
background-image: url("/the-archives/res/backgrounds/background.png");
|
||||
}
|
||||
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background-image: #f1f1f1;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-image: linear-gradient(#0f2027, #203a43, #2c5364);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: #555;
|
||||
}
|
||||
|
||||
#navbar {
|
||||
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 {
|
||||
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.header-img {
|
||||
background-color: #CDCDCD;
|
||||
margin: 0 auto;
|
||||
width: 80%;
|
||||
height: 500px;
|
||||
border: 3px dotted #CDCDCD;
|
||||
}
|
||||
|
||||
.caption {
|
||||
margin: 10px 0;
|
||||
text-align: center;
|
||||
font-size: 150%;
|
||||
font-family: 'Charm';
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
footer {
|
||||
height: 200px;
|
||||
background-color: #414141;
|
||||
padding-left:200px;
|
||||
padding-right: 200px;
|
||||
}
|
||||
|
||||
#hr-footer {
|
||||
margin-top:3rem;
|
||||
margin-bottom: 3rem;
|
||||
background-color: pink;
|
||||
}
|
||||
|
||||
.icons {
|
||||
display: block;
|
||||
top:-50%;
|
||||
transform: translateY(-50%);
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background-size: 50px 50px;
|
||||
margin-right: 20px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.copyright {
|
||||
color: #E5E5E5;
|
||||
font-family: futuraLight, Roboto, arial;
|
||||
}
|
||||
|
||||
#footer-name-link {
|
||||
color:inherit;
|
||||
text-decoration: none;
|
||||
transition: color .5s;
|
||||
}
|
||||
|
||||
#footer-name-link:hover {
|
||||
color: #F7CAD5;
|
||||
}
|
||||
254
site/the-archives/res/style.css
Normal file
254
site/the-archives/res/style.css
Normal file
|
|
@ -0,0 +1,254 @@
|
|||
@import url('https://fonts.googleapis.com/css?family=Great+Vibes|Major+Mono+Display|Montserrat:300,400');
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
|
||||
}
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: sansThin;
|
||||
src: url("fonts/Sans-Thin.otf");
|
||||
}
|
||||
::-webkit-scrollbar {
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background-image: #f1f1f1;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-image: linear-gradient(#0f2027, #203a43, #2c5364);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: #555;
|
||||
}
|
||||
|
||||
html {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
#navbar {
|
||||
background-color: black;
|
||||
margin: 0 0;
|
||||
text-align: center;
|
||||
margin: 0 -20px;
|
||||
margin-top: -15px;
|
||||
}
|
||||
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;
|
||||
}
|
||||
|
||||
body {
|
||||
background-image: url("backgrounds/background.png");
|
||||
font-family: Montserrat, monospace;
|
||||
|
||||
}
|
||||
|
||||
#landing {
|
||||
font-size: 40px;
|
||||
text-align: center;
|
||||
color: white;
|
||||
background-image: url("backgrounds/header-background.jpg");
|
||||
background-attachment: fixed;
|
||||
background-repeat: no-repeat;
|
||||
border: white 2px solid;
|
||||
border-radius: 25px;
|
||||
margin: 2px 0;
|
||||
}
|
||||
|
||||
.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;
|
||||
|
||||
}
|
||||
|
||||
.white-background {
|
||||
background: #111;
|
||||
width: 230px;
|
||||
height: calc (inherit - 3px);
|
||||
z-index: -2;
|
||||
|
||||
}
|
||||
|
||||
.about-avatar {
|
||||
float: left;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-right: 15px;
|
||||
border-radius: 100%;
|
||||
background: #eee no-repeat center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.overlay-link {
|
||||
width: inherit;
|
||||
height: 100px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.card {
|
||||
box-shadow: 2px 2px 5px #9E9E9E, -1px -1px 5px #9E9E9E;
|
||||
border-radius: 3px;
|
||||
display: grid;
|
||||
margin-top: 40px;
|
||||
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;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.card:hover {
|
||||
border-width: 5px;
|
||||
}
|
||||
|
||||
.card .img-container {
|
||||
width: inherit;
|
||||
height: 100%;
|
||||
grid-column: 1;
|
||||
background-color: #c1b7b4;
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
}
|
||||
.card-content {
|
||||
background-color: #fff;
|
||||
grid-column: 3 / 5;
|
||||
padding: 10px 30px;
|
||||
border-left: 1px solid #ccc;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
.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;
|
||||
position: fixed;
|
||||
border: 2px solid #778899;
|
||||
}
|
||||
27
ssl/_.crucialnet.org_private_key.key
Normal file
27
ssl/_.crucialnet.org_private_key.key
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
-----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-----
|
||||
214
testing/blog/2019/01/01/index.html
Normal file
214
testing/blog/2019/01/01/index.html
Normal file
|
|
@ -0,0 +1,214 @@
|
|||
<!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>
|
||||
13
testing/blog/TEMPLATE/index.html
Normal file
13
testing/blog/TEMPLATE/index.html
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>The Archives</title>
|
||||
</head>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
<body>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
223
testing/blog/page1.html
Normal file
223
testing/blog/page1.html
Normal file
|
|
@ -0,0 +1,223 @@
|
|||
<!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>
|
||||
BIN
testing/blog/res/backgrounds/background.png
Normal file
BIN
testing/blog/res/backgrounds/background.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 282 KiB |
BIN
testing/blog/res/backgrounds/header-background.jpg
Normal file
BIN
testing/blog/res/backgrounds/header-background.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 498 KiB |
BIN
testing/blog/res/card-images/appdev.png
Normal file
BIN
testing/blog/res/card-images/appdev.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 141 KiB |
BIN
testing/blog/res/card-images/fm2u.PNG
Normal file
BIN
testing/blog/res/card-images/fm2u.PNG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 53 KiB |
BIN
testing/blog/res/fonts/Gotham-Bold.otf
Normal file
BIN
testing/blog/res/fonts/Gotham-Bold.otf
Normal file
Binary file not shown.
BIN
testing/blog/res/fonts/Sans-Thin.otf
Normal file
BIN
testing/blog/res/fonts/Sans-Thin.otf
Normal file
Binary file not shown.
BIN
testing/blog/res/fonts/futura-pt-light.otf
Normal file
BIN
testing/blog/res/fonts/futura-pt-light.otf
Normal file
Binary file not shown.
BIN
testing/blog/res/images/profile-photo.jpg
Normal file
BIN
testing/blog/res/images/profile-photo.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 242 KiB |
BIN
testing/blog/res/images/profile-square.jpg
Normal file
BIN
testing/blog/res/images/profile-square.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 351 KiB |
25
testing/responsive_navbar/index.html
Normal file
25
testing/responsive_navbar/index.html
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
<!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>
|
||||
5
testing/responsive_navbar/main.js
Normal file
5
testing/responsive_navbar/main.js
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
$(document).ready(function() {
|
||||
$('.menu').click(function() {
|
||||
$('ul').toggleClass('active');
|
||||
})
|
||||
})
|
||||
67
testing/responsive_navbar/style.css
Normal file
67
testing/responsive_navbar/style.css
Normal file
|
|
@ -0,0 +1,67 @@
|
|||
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;
|
||||
}
|
||||
}
|
||||
46
under_construction/css/styles.css
Normal file
46
under_construction/css/styles.css
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
|
||||
@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;
|
||||
}
|
||||
18
under_construction/index.html
Normal file
18
under_construction/index.html
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<!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>
|
||||
9
under_construction/js/index.js
Normal file
9
under_construction/js/index.js
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
$(document).ready(function() {
|
||||
$("#nothing").on("click", function() {
|
||||
setText();
|
||||
});
|
||||
});
|
||||
|
||||
function setText () {
|
||||
$("#nothing-header").text("don't you have anything better to do?");
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user