summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authors1n <[email protected]>2019-10-21 20:45:16 -0700
committers1n <[email protected]>2019-10-21 20:45:16 -0700
commit62ac9bcc7c37058179108ec1443e804bf2e2790b (patch)
tree19707b3c7a2b3524f539853c5222aa1a0e4f06d6
parentadd rockstar and previous things (diff)
downloadp.s1n.pw-admin-62ac9bcc7c37058179108ec1443e804bf2e2790b.tar.xz
p.s1n.pw-admin-62ac9bcc7c37058179108ec1443e804bf2e2790b.zip
add allegiance
Diffstat
-rw-r--r--css/style.css4
-rw-r--r--index.html4
-rw-r--r--projects/allegiance/assets/img.pngbin0 -> 3845340 bytes
-rw-r--r--projects/allegiance/index.html267
-rw-r--r--projects/example-project/index.html255
-rw-r--r--projects/index.html32
-rw-r--r--projects/rockstar/index.html2
-rw-r--r--work/index.html4
8 files changed, 295 insertions, 273 deletions
diff --git a/css/style.css b/css/style.css
index ecaa1b3..7978e7f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -337,12 +337,12 @@ h6 {
}
.project3 {
- background: url(https://images.unsplash.com/photo-1482501157762-56897a411e05?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1650&q=80) no-repeat 50% 50%;
+ background: url(/projects/allegiance/assets/img.png) no-repeat 50% 50%;
background-size: cover;
}
.project3::after {
- content: "never again.";
+ content: "allegiance.";
font-family: "Roboto Mono";
font-size: 36px;
position: relative;
diff --git a/index.html b/index.html
index f1b516a..4cdfe1f 100644
--- a/index.html
+++ b/index.html
@@ -136,17 +136,17 @@
<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='/projects/example-project/'"></div>
+ <div class="col-lg-4 project project3 wow fadeInUp" onclick="location.href='/projects/allegiance/'"></div>
<div class="col-lg-1"></div>
</div>
+ <!--
<div class="whitespace"></div>
<div class="row">
diff --git a/projects/allegiance/assets/img.png b/projects/allegiance/assets/img.png
new file mode 100644
index 0000000..5c7b5d4
--- /dev/null
+++ b/projects/allegiance/assets/img.png
Binary files differ
diff --git a/projects/allegiance/index.html b/projects/allegiance/index.html
new file mode 100644
index 0000000..1862207
--- /dev/null
+++ b/projects/allegiance/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">"Allegiance"</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">18 October 2019</h6>
+ </div>
+ <br>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!--------------- hero section ends here --------------->
+
+
+ <!--------------- project image section starts here --------------->
+
+ <div class="project-img">
+ <style>
+ .allegiance {
+ background: url(/projects/allegiance/assets/img.png) no-repeat 50% 70%;
+ background-size: cover;
+ height: 630px;
+ }
+
+ @media(max-width: 768px) {
+ .allegiance {
+ height: 230px;
+ }
+ }
+ </style>
+ <div class="container">
+ <br><br>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="allegiance 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/iced-out/" 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/example-project/index.html b/projects/example-project/index.html
deleted file mode 100644
index 03080e9..0000000
--- a/projects/example-project/index.html
+++ /dev/null
@@ -1,255 +0,0 @@
-<!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">Example Project</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">Web Development</h6>
- </div>
-
- <div class="col-lg-4">
- <p class="wow fadeInUp" data-wow-delay="1.4s">started :</p>
- <h6 class="wow fadeInUp" data-wow-delay="1.5s">10 October 2019</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">10 October 2019</h6>
- </div>
- </div>
- <br>
- <p class="wow fadeInUp" data-wow-delay="1.8s">This is just an example project as I don't have any of my projects uploaded yet. :/</p>
- </div>
- </div>
- </div>
- </div>
- <!--------------- hero section ends here --------------->
-
-
- <!--------------- project image section starts here --------------->
-
- <div class="project-img">
- <div class="container">
- <br><br>
- <div class="row">
- <div class="col-md-8">
- <div class="project image wow fadeInUp" data-wow-delay="0.8s"></div>
- </div>
- <div class="col-md-4">
- <div class="project image 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">
- <p><ion-icon name="arrow-back"></ion-icon>previous</p>
- </div>
- <div class="col-lg-6 next">
- <p>next<ion-icon name="arrow-forward"></ion-icon></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/index.html b/projects/index.html
index 4c974cf..5e44cce 100644
--- a/projects/index.html
+++ b/projects/index.html
@@ -1,14 +1,24 @@
<!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">
- <title>Loading...</title>
-</head>
-<body>
- <script>
- location.href = "/work/"
- </script>
-</body>
+
+ <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">
+ <title>Loading...</title>
+ </head>
+
+ <body>
+ <script>
+ location.href = "/work/"
+ </script>
+
+ <!--
+ Projects Order:
+ 1. Iced Out
+ 2. Rockstar
+ 3. Allegiance
+ -->
+ </body>
+
</html> \ No newline at end of file
diff --git a/projects/rockstar/index.html b/projects/rockstar/index.html
index 8be0463..79f3250 100644
--- a/projects/rockstar/index.html
+++ b/projects/rockstar/index.html
@@ -144,7 +144,7 @@
</a>
</div>
<div class="col-lg-6 next">
- <p><a href="/projects/iced-out/" id="no-h">next<ion-icon name="arrow-forward"></ion-icon></a>
+ <p><a href="/projects/allegiance/" 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 c897c78..139e9b6 100644
--- a/work/index.html
+++ b/work/index.html
@@ -105,17 +105,17 @@
<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='/projects/'"></div>
+ <div class="col-lg-4 project project3 wow fadeInUp" onclick="location.href='/projects/allegiance'"></div>
<div class="col-lg-1"></div>
</div>
+ <!--
<div class="whitespace"></div>
<div class="row">
generated by cgit v1.2.3 (git 2.25.1) at 2026-04-25 18:01:56 +0000