talksik/oldpersonalwebsite
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

changing routing mechanism

Browse Source
This commit is contained in:
Arjun Patel
2018-07-07 18:16:33 -07:00
parent e932ab18fc
commit 32520aea63
5 changed files with 50 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/blog.css
+7 -3
View File
@@ -91,16 +91,20 @@
margin: 2em; margin: 2em;
padding: .5em 3em; padding: .5em 3em;
font-size: 2em; font-size: 2em;
color: white; color: white !important;
border: 3px solid white; border: 3px solid white;
cursor: pointer; cursor: pointer;
transition: 0.7s; transition: 0.7s;
-webkit-transition: 0.7s; -webkit-transition: 0.7s;
z-index: 2; display: block;
z-index: 3;
} }
#readBlog > p {
margin: 0;
}
#readBlog:hover { #readBlog:hover {
background-color: white; background-color: white;
color: black; color: black !important;
box-shadow: inset 0 0 0 1px #ffffff; box-shadow: inset 0 0 0 1px #ffffff;
} }
assets/js/main.js
+13 -15
View File
@@ -42,24 +42,22 @@
side: 'right' side: 'right'
}); });
$('#blog').load('blog.html');
$('#readBlog').on("click", function() { $('#readBlog').on("click", function() {
window.location = "http://arjunpatel.me/blog.html"; window.location = "http://arjunpatel.me/blog.html";
}); });
$('.readMore').on("click", function() { // $('.readMore').on("click", function() {
var whichBlog = $(this).attr('id'); // var whichBlog = $(this).attr('id');
console.log("Loading vlog: " + whichBlog); // console.log("Loading vlog: " + whichBlog);
window.location = "http://arjunpatel.me/blogs/" + whichBlog + ".html"; // window.location = "http://arjunpatel.me/blogs/" + whichBlog + ".html";
}); // });
//
$('#goToMain').on("click", function() { // $('#goToMain').on("click", function() {
window.location = "http://arjunpatel.me/index.html"; // window.location = "http://arjunpatel.me/index.html";
}); // });
//
$('#goToBlogs').on("click", function() { // $('#goToBlogs').on("click", function() {
window.location = "http://arjunpatel.me/blog.html"; // window.location = "http://arjunpatel.me/blog.html";
}); // });
})(jQuery); })(jQuery);
blog.html
+22 -18
View File
@@ -25,28 +25,32 @@
</nav> --> </nav> -->
</header> </header>
<div id="goToMain"> <a href="http://arjunpatel.me/index.html">
<i class="fa fa-times-circle-o"></i> <div id="goToMain">
</div> <i class="fa fa-times-circle-o"></i>
</div>
</a>
<section id="blog"> <section id="blog">
<div class="blogCard"> <a href="http://arjunpatel.me/blogs/1.html">
<div class="title"> <div class="blogCard">
The College Programming Tutorial Article Blog Thingy? <div class="title">
</div> The College Programming Tutorial Article Blog Thingy?
<div class="info"> </div>
<i class="fa fa-user"></i> <div class="info">
<p>Arjun Patel</p> <i class="fa fa-user"></i>
<i class="fa fa-calendar"></i> <p>Arjun Patel</p>
<p>7/7/18</p> <i class="fa fa-calendar"></i>
<p>7/7/18</p>
</div>
<img class="pic"src="images/blogs/1/pic.jpg"/>
<div class="content">
<p>I probably should have started this earlier, but here we go! This is my super official blog. Alright let's get a little serious. I want to discuss development insight I have on my current projects and work, explain key technical findings, and also talk about cool tech.</p>
<p id="1" class="readMore">Read More</p>
</div>
</div> </div>
<img class="pic"src="images/blogs/1/pic.jpg"/> </a>
<div class="content">
<p>I probably should have started this earlier, but here we go! This is my super official blog. Alright let's get a little serious. I want to discuss development insight I have on my current projects and work, explain key technical findings, and also talk about cool tech.</p>
<p id="1" class="readMore">Read More</p>
</div>
</div>
</section> </section>
<!-- Scripts --> <!-- Scripts -->
blogs/1.html
+5 -3
View File
@@ -25,9 +25,11 @@
</nav> --> </nav> -->
</header> </header>
<div id="goToBlogs"> <a href="http://arjunpatel.me/blog.html">
<i class="fa fa-times-circle-o"></i> <div id="goToBlogs">
</div> <i class="fa fa-times-circle-o"></i>
</div>
</a>
<section id="blog"> <section id="blog">
index.html
+3 -1
View File
@@ -51,7 +51,9 @@
<p>Web Guru, Budding Entrepreneur, and Technology Enthusiast</p> <p>Web Guru, Budding Entrepreneur, and Technology Enthusiast</p>
</div> </div>
<p id="readBlog">Read Blog</p> <a id="readBlog" href="http://arjunpatel.me/blog.html">
<p>Read Blog</p>
</a>
<video autoplay loop muted playsinline src="images/banner.mp4"></video> <video autoplay loop muted playsinline src="images/banner.mp4"></video>
</section> </section>