summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authors1n <[email protected]>2019-10-21 20:37:29 -0700
committers1n <[email protected]>2019-10-21 20:37:29 -0700
commit443d4f4564a8d00da98b59b6580151be1e21413c (patch)
tree205f993742442eac9842ab6ded981e35e85064e6
parentrename project to projects to fix linking issue (diff)
downloadp.s1n.pw-admin-443d4f4564a8d00da98b59b6580151be1e21413c.tar.xz
p.s1n.pw-admin-443d4f4564a8d00da98b59b6580151be1e21413c.zip
add rockstar and previous things
Diffstat
-rw-r--r--css/style.css8
-rw-r--r--index.html10
-rw-r--r--projects/iced-out/assets/img.png (renamed from projects/relevance/assets/img.png)bin7578700 -> 7578700 bytes
-rw-r--r--projects/iced-out/index.html267
-rw-r--r--projects/rockstar/assets/img.pngbin0 -> 1032856 bytes
-rw-r--r--projects/rockstar/index.html (renamed from projects/relevance/index.html)16
-rw-r--r--work/index.html10
7 files changed, 289 insertions, 22 deletions
diff --git a/css/style.css b/css/style.css
index 8276ea3..ecaa1b3 100644
--- a/css/style.css
+++ b/css/style.css
@@ -301,7 +301,7 @@ h6 {
}
.project1 {
- background: url(/projects/relevance/assets/img.png) no-repeat 50% 50%;
+ background: url(/projects/iced-out/assets/img.png) no-repeat 50% 50%;
background-size: cover;
}
@@ -319,12 +319,12 @@ h6 {
}
.project2 {
- background: url(https://images.unsplash.com/photo-1468870045442-e7d799d8c98a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2448&q=80) no-repeat 50% 50%;
+ background: url(/projects/rockstar/assets/img.png) no-repeat 50% 50%;
background-size: cover;
}
.project2::after {
- content: "foretime.";
+ content: "rockstar.";
font-family: "Roboto Mono";
font-size: 36px;
position: relative;
@@ -488,7 +488,7 @@ h6 {
/* Honestly, this took way longer to figure out than it should've. I scoured the internet for so long, at one point, I think
// I had around 20+ tabs open, no idea how I really figured it out, just tried as many solutions until it was solved. - 17:27, 10/20/2018
*/
-div #personal a, a:hover, #media a, a:hover, #address a, a:hover {
+div #no-h, #personal a, a:hover, #media a, a:hover, #address a, a:hover {
color: inherit;
text-decoration: none;
}
diff --git a/index.html b/index.html
index 7e529b2..f1b516a 100644
--- a/index.html
+++ b/index.html
@@ -125,24 +125,24 @@
<div class="row">
<div class="col-lg-8"></div>
- <div class="col-lg-4 project project1 wow fadeInUp" onclick="location.href='/projects/relevance/'"></div>
+ <div class="col-lg-4 project project1 wow fadeInUp" onclick="location.href='/projects/iced-out/'"></div>
</div>
- <!--
<div class="whitespace"></div>
<div class="row">
- <div class="col-lg-6 project project2 wow fadeInUp" onclick="location.href='/project/example-project/'"></div>
+ <div class="col-lg-6 project project2 wow fadeInUp" onclick="location.href='/project/rockstar/'"></div>
<div class="col-lg-6"></div>
</div>
+ <!--
<div class="whitespace"></div>
<div class="row">
<div class="col-lg-7"></div>
- <div class="col-lg-4 project project3 wow fadeInUp" onclick="location.href='/project/example-project/'"></div>
+ <div class="col-lg-4 project project3 wow fadeInUp" onclick="location.href='/projects/example-project/'"></div>
<div class="col-lg-1"></div>
</div>
@@ -152,7 +152,7 @@
<div class="row">
<div class="col-lg-1"></div>
- <div class="col-lg-5 project project4 wow fadeInUp" onclick="location.href='/project/example-project/'"></div>
+ <div class="col-lg-5 project project4 wow fadeInUp" onclick="location.href='/projects/example-project/'"></div>
<div class="col-lg-6"></div>
</div>
diff --git a/projects/relevance/assets/img.png b/projects/iced-out/assets/img.png
index fe39bce..fe39bce 100644
--- a/projects/relevance/assets/img.png
+++ b/projects/iced-out/assets/img.png
Binary files differ
diff --git a/projects/iced-out/index.html b/projects/iced-out/index.html
new file mode 100644
index 0000000..4a5e534
--- /dev/null
+++ b/projects/iced-out/index.html
@@ -0,0 +1,267 @@
+<!DOCTYPE html>
+<html lang="en">
+
+ <head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <meta name="author" content="harrnish">
+
+ <title>Project | s1nical</title>
+
+ <!-- stylesheet -->
+ <link rel="stylesheet" href="/css/style.css">
+
+ <!-- bootstrap cdns -->
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
+
+ <!-- google fonts -->
+ <link href="https://fonts.googleapis.com/css?family=Roboto+Mono:100,100i,300,300i,400,400i,500,500i,700,700i"
+ rel="stylesheet">
+
+ <!-- ionicons cdn -->
+ <script src="https://unpkg.com/[email protected]/dist/ionicons.js"></script>
+
+
+ <!-- for on scroll animations -->
+ <link rel="stylesheet" href="/css/animate.css">
+ <script src="/js/wow.min.js"></script>
+
+ <!-- hide context menu and disable text highlighting -->
+ <script src="/js/hide-context-menu.js"></script>
+ <link rel="stylesheet" href="/css/no-text-highlighting.css">
+
+ <!-- favicon -->
+ <link rel="shortcut icon" href="/assets/superthumb.jpg" type="image/jpg">
+
+ </head>
+
+ <body>
+ <div class="wrapper">
+
+ <!--------------- navbar starts here --------------->
+ <nav>
+ <span id="brand">
+ <a href="/">s1nical</a>
+ </span>
+
+ <ul id="menu">
+ <li><a href="/">home<span>.</span></a></li>
+ <li><a href="/work/">work<span>.</span></a></li>
+ <li><a href="/about/">about me<span>.</span></a></li>
+ <li><a href="/contact/">contact<span>.</span></a></li>
+ </ul>
+
+ <div id="toggle">
+ <div class="span">menu</div>
+ </div>
+
+ </nav>
+
+ <div id="resize">
+ <div class="close-btn">close</div>
+
+ <ul id="menu">
+ <li><a href="/">home<span>.</span></a></li>
+ <li><a href="/work/">work<span>.</span></a></li>
+ <li><a href="/about/">about me<span>.</span></a></li>
+ <li><a href="/contact/">contact<span>.</span></a></li>
+ </ul>
+ </div>
+
+ <!--------------- navbar ends here --------------->
+
+ <div class="whitespace"></div>
+
+ <!--------------- hero section starts here --------------->
+ <div class="container">
+ <div class="hero-content">
+ <br><br>
+ <div class="row">
+ <div class="col-lg-12">
+ <br>
+
+ <h1 class="wow fadeInUp" data-wow-delay="1s">"Iced Out"</h1><br><br>
+
+ <div class="row">
+ <div class="col-lg-4">
+ <p class="wow fadeInUp" data-wow-delay="1.2s">service :</p>
+ <h6 class="wow fadeInUp" data-wow-delay="1.3s">Render</h6>
+ </div>
+
+ <div class="col-lg-4">
+ <p class="wow fadeInUp" data-wow-delay="1.6s">completed :</p>
+ <h6 class="wow fadeInUp" data-wow-delay="1.7s">17 October 2019</h6>
+ </div>
+ <br>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!--------------- hero section ends here --------------->
+
+
+ <!--------------- project image section starts here --------------->
+
+ <div class="project-img">
+ <style>
+ .iced-out {
+ background: url(/projects/iced-out/assets/img.png) no-repeat 50% 70%;
+ background-size: cover;
+ height: 630px;
+ }
+
+ @media(max-width: 768px) {
+ .iced-out {
+ height: 230px;
+ }
+ }
+ </style>
+ <div class="container">
+ <br><br>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="iced-out wow fadeInUp" data-wow-delay="0.8s"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!--------------- project image section ends here --------------->
+
+ <br><br>
+
+ <!--------------- project nav starts here --------------->
+
+ <div class="project-nav">
+ <div class="container">
+ <div class="row">
+ <div class="col-lg-6 prev">
+ <a href="/projects/rockstar/" id="no-h">
+ <ion-icon name="arrow-back"></ion-icon>previous
+ </a>
+ </div>
+ <div class="col-lg-6 next">
+ <p><a href="/projects/rockstar/" id="no-h">next<ion-icon name="arrow-forward"></ion-icon></a>
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!--------------- project nav starts here --------------->
+
+ <div class="whitespace"></div>
+
+
+ <!--------------- footer starts here --------------->
+ <div class="footer">
+ <div class="container">
+ <br><br>
+
+ <div class="collab">
+ <div class="row">
+ <div class="col-lg-12">
+ <p class="wow fadeInUp">Got an interesting project? I can help you.</p>
+ </div>
+ </div>
+ </div>
+
+ <br>
+
+ <div class="hr">
+ <div class="row"></div>
+ </div>
+
+ <br><br>
+
+ <div class="info">
+ <div class="row">
+ <div class="col-lg-4" id="personal">
+ <p class="wow fadeInUp">connect with me</p>
+ <h4 class="wow fadeInUp" data-wow-delay="0.2s"><a href="http://twitter.com/mwfeeds">tw
+ @mwfeeds</a></h4>
+ <br><br>
+ </div>
+
+ <div class="col-lg-4" id="media">
+ <p class="wow fadeInUp" data-wow-delay="0s">follow me</p>
+
+ <ul>
+ <!--<li id="fb" class="wow fadeInUp" data-wow-delay="0.4s">fb</li>
+ <li id="ig" class="wow fadeInUp" data-wow-delay="0.6s">ig</li>-->
+ <li id="tw" class="wow fadeInUp" data-wow-delay="0.8s"><a
+ href="http://twitter.com/mwfeeds">tw</a></li>
+ <li id="yt" class="wow fadeInUp" data-wow-delay="1s"><a
+ href="http://youtube.com/s1nny">yt</a></li>
+ </ul>
+
+ <br><br>
+ </div>
+
+ <div class="col-lg-4" id="address">
+ <p class="wow fadeInUp" data-wow-delay="0s">say hello</p>
+ <h4 class="wow fadeInUp" data-wow-delay="0.2s"><a
+ href="mailto:[email protected]">[email protected]</a></h4>
+ <br><br>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!--------------- footer ends here --------------->
+
+ <br><br><br><br>
+
+ </div>
+
+ <!-- greensock cdn -->
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.2/TweenMax.min.js"></script>
+
+ <script src="https://code.jquery.com/jquery-3.4.1.js"></script>
+ <script type="text/javascript">
+ // navigation starts here
+ $("#toggle").click(function () {
+ $(this).toggleClass('on');
+ $("#resize").toggleClass("active");
+ });
+
+ $("#resize ul li a").click(function () {
+ $(this).toggleClass('on');
+ $("#resize").toggleClass("active");
+ });
+
+ $(".close-btn").click(function () {
+ $(this).toggleClass('on');
+ $("#resize").toggleClass("active");
+ });
+
+ // navigation ends here
+
+ // nav animation
+
+ TweenMax.from("#brand", 1, {
+ delay: 0.4,
+ y: 10,
+ opacity: 0,
+ ease: Expo.easeInOut
+ })
+
+ TweenMax.staggerFrom("#menu li a", 1, {
+ delay: 0.4,
+ opacity: 0,
+ ease: Expo.easeInOut
+ }, 0.1);
+
+ // nav animation ends
+
+
+
+ new WOW().init();
+ </script>
+ </body>
+
+</html>
diff --git a/projects/rockstar/assets/img.png b/projects/rockstar/assets/img.png
new file mode 100644
index 0000000..fd95429
--- /dev/null
+++ b/projects/rockstar/assets/img.png
Binary files differ
diff --git a/projects/relevance/index.html b/projects/rockstar/index.html
index e8c563d..8be0463 100644
--- a/projects/relevance/index.html
+++ b/projects/rockstar/index.html
@@ -82,7 +82,7 @@
<div class="col-lg-12">
<br>
- <h1 class="wow fadeInUp" data-wow-delay="1s">"Iced Out"</h1><br><br>
+ <h1 class="wow fadeInUp" data-wow-delay="1s">"Rockstar"</h1><br><br>
<div class="row">
<div class="col-lg-4">
@@ -107,14 +107,14 @@
<div class="project-img">
<style>
- .relevance {
- background: url(/projects/relevance/assets/img.png) no-repeat 50% 70%;
+ .rockstar {
+ background: url(/projects/rockstar/assets/img.png) no-repeat 50% 70%;
background-size: cover;
height: 630px;
}
@media(max-width: 768px) {
- .relevance {
+ .rockstar {
height: 230px;
}
}
@@ -123,7 +123,7 @@
<br><br>
<div class="row">
<div class="col-md-12">
- <div class=" relevance wow fadeInUp" data-wow-delay="0.8s"></div>
+ <div class="rockstar wow fadeInUp" data-wow-delay="0.8s"></div>
</div>
</div>
</div>
@@ -139,12 +139,12 @@
<div class="container">
<div class="row">
<div class="col-lg-6 prev">
- <p>
+ <a href="/projects/iced-out/" id="no-h">
<ion-icon name="arrow-back"></ion-icon>previous
- </p>
+ </a>
</div>
<div class="col-lg-6 next">
- <p>next<ion-icon name="arrow-forward"></ion-icon>
+ <p><a href="/projects/iced-out/" id="no-h">next<ion-icon name="arrow-forward"></ion-icon></a>
</p>
</div>
</div>
diff --git a/work/index.html b/work/index.html
index ea09803..c897c78 100644
--- a/work/index.html
+++ b/work/index.html
@@ -94,24 +94,24 @@
<div class="row">
<div class="col-lg-8"></div>
- <div class="col-lg-4 project project1 wow fadeInUp" data-wow-delay="1.4s" onclick="location.href='/projects/relevance/'"></div>
+ <div class="col-lg-4 project project1 wow fadeInUp" data-wow-delay="1.4s" onclick="location.href='/projects/iced-out/'"></div>
</div>
- <!--
<div class="whitespace"></div>
<div class="row">
- <div class="col-lg-6 project project2 wow fadeInUp" onclick="location.href='/project/'"></div>
+ <div class="col-lg-6 project project2 wow fadeInUp" onclick="location.href='/projects/rockstar/'"></div>
<div class="col-lg-6"></div>
</div>
+ <!--
<div class="whitespace"></div>
<div class="row">
<div class="col-lg-7"></div>
- <div class="col-lg-4 project project3 wow fadeInUp" onclick="location.href='/project/'"></div>
+ <div class="col-lg-4 project project3 wow fadeInUp" onclick="location.href='/projects/'"></div>
<div class="col-lg-1"></div>
</div>
@@ -121,7 +121,7 @@
<div class="row">
<div class="col-lg-1"></div>
- <div class="col-lg-5 project project4 wow fadeInUp" onclick="location.href='/project/'"></div>
+ <div class="col-lg-5 project project4 wow fadeInUp" onclick="location.href='/projects/'"></div>
<div class="col-lg-6"></div>
</div>
generated by cgit v1.2.3 (git 2.25.1) at 2026-04-23 08:57:47 +0000