mirror of
https://github.com/Rushilwiz/crucialnet.git
synced 2025-04-03 19:30:16 -04:00
feat: fixed mobile view
This commit is contained in:
parent
79caa9d6bf
commit
acfb70c462
File diff suppressed because it is too large
Load Diff
|
|
@ -1,113 +1,249 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script
|
||||
async
|
||||
src="https://www.googletagmanager.com/gtag/js?id=UA-145317366-1"
|
||||
></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() {
|
||||
dataLayer.push(arguments);
|
||||
}
|
||||
gtag("js", new Date());
|
||||
gtag("config", "UA-145317366-1");
|
||||
</script>
|
||||
|
||||
<head>
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-145317366-1"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
gtag('config', 'UA-145317366-1');
|
||||
</script>
|
||||
<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>
|
||||
|
||||
<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 class="preload">
|
||||
<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>
|
||||
<div class="menu menu-container">
|
||||
<div class="bar1"></div>
|
||||
<div class="bar2"></div>
|
||||
<div class="bar3"></div>
|
||||
</div>
|
||||
<!-- <i class="fa fa-bars fa-spin 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 ip" id="headerTitleText"></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>
|
||||
<body class="preload">
|
||||
<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>
|
||||
<div class="menu menu-container">
|
||||
<div class="bar1"></div>
|
||||
<div class="bar2"></div>
|
||||
<div class="bar3"></div>
|
||||
</div>
|
||||
<!-- <i class="fa fa-bars fa-spin 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 ip" id="headerTitleText"></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>
|
||||
<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>
|
||||
<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/rushilwiz/">
|
||||
<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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user