diff options
| author | s1n <[email protected]> | 2019-10-22 21:31:09 -0700 |
|---|---|---|
| committer | s1n <[email protected]> | 2019-10-22 21:31:09 -0700 |
| commit | 16c179b3ff70b58b88f565bc1b254065e5a38eed (patch) | |
| tree | da2a6777f1ccbec6915f6cef990e9784ea51520f /projects | |
| parent | fix previous/ next (diff) | |
| download | p.s1n.pw-admin-16c179b3ff70b58b88f565bc1b254065e5a38eed.tar.xz p.s1n.pw-admin-16c179b3ff70b58b88f565bc1b254065e5a38eed.zip | |
add absence
Diffstat (limited to 'projects')
| -rw-r--r-- | projects/graphics/absence/assets/img.png | bin | 0 -> 3268308 bytes | |||
| -rw-r--r-- | projects/graphics/absence/index.html | 268 | ||||
| -rw-r--r-- | projects/graphics/devils-work/index.html | 8 | ||||
| -rw-r--r-- | projects/graphics/index.html | 4 | ||||
| -rw-r--r-- | projects/graphics/swavy-pfps/index.html | 4 | ||||
| -rw-r--r-- | projects/index.html | 1 | ||||
| -rw-r--r-- | projects/renders/allegiance/index.html | 2 | ||||
| -rw-r--r-- | projects/renders/iced-out/index.html | 2 | ||||
| -rw-r--r-- | projects/renders/rockstar/index.html | 2 |
9 files changed, 279 insertions, 12 deletions
diff --git a/projects/graphics/absence/assets/img.png b/projects/graphics/absence/assets/img.png Binary files differnew file mode 100644 index 0000000..118e36a --- /dev/null +++ b/projects/graphics/absence/assets/img.png diff --git a/projects/graphics/absence/index.html b/projects/graphics/absence/index.html new file mode 100644 index 0000000..3217cc3 --- /dev/null +++ b/projects/graphics/absence/index.html @@ -0,0 +1,268 @@ +<!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>Absence | 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">"Absence"</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">GFX</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">May 2019</h6> + </div> + <br> + </div> + </div> + </div> + </div> + </div> + <!--------------- hero section ends here ---------------> + + + <!--------------- project image section starts here ---------------> + + <div class="project-img"> + <style> + .absence { + background: url(/projects/graphics/absence/assets/img.png) no-repeat 50% 70%; + background-size: cover; + height: 630px; + } + + @media(max-width: 768px) { + .absence { + height: 230px; + } + } + </style> + <div class="container"> + <br><br> + <div class="row"> + <div class="col-md-12"> + <div class="absence 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/graphics/swavy-pfps/" id="no-h"> + <ion-icon name="arrow-back"></ion-icon>previous + </a> + </div> + <div class="col-lg-6 next"> + <p><a href="/projects/graphics/devils-work/" 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/graphics/devils-work/index.html b/projects/graphics/devils-work/index.html index c084320..7e7a77e 100644 --- a/projects/graphics/devils-work/index.html +++ b/projects/graphics/devils-work/index.html @@ -7,7 +7,7 @@ <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="author" content="harrnish"> - <title>Project | s1nical</title> + <title>Devils Work | s1nical</title> <!-- stylesheet --> <link rel="stylesheet" href="/css/style.css"> @@ -87,12 +87,12 @@ <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> + <h6 class="wow fadeInUp" data-wow-delay="1.3s">GFX</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">19 October 2019</h6> + <h6 class="wow fadeInUp" data-wow-delay="1.7s">August 2019</h6> </div> <br> </div> @@ -139,7 +139,7 @@ <div class="container"> <div class="row"> <div class="col-lg-6 prev"> - <a href="/projects/graphics/swavy-pfps/" id="no-h"> + <a href="/projects/graphics/absence/" id="no-h"> <ion-icon name="arrow-back"></ion-icon>previous </a> </div> diff --git a/projects/graphics/index.html b/projects/graphics/index.html index c790aee..be3f9fc 100644 --- a/projects/graphics/index.html +++ b/projects/graphics/index.html @@ -111,19 +111,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 graphic3 wow fadeInUp" - onclick="location.href='/projects/graphics/allegiance'"> + onclick="location.href='/projects/graphics/absence'"> </div> <div class="col-lg-1"></div> </div> - --> <div class="whitespace"></div> </div> diff --git a/projects/graphics/swavy-pfps/index.html b/projects/graphics/swavy-pfps/index.html index e187039..bad1ac6 100644 --- a/projects/graphics/swavy-pfps/index.html +++ b/projects/graphics/swavy-pfps/index.html @@ -7,7 +7,7 @@ <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="author" content="harrnish"> - <title>Project | s1nical</title> + <title>Swavy PFPs | s1nical</title> <!-- stylesheet --> <link rel="stylesheet" href="/css/style.css"> @@ -248,7 +248,7 @@ </a> </div> <div class="col-lg-6 next"> - <p><a href="/projects/graphics/devils-work/" id="no-h">next<ion-icon name="arrow-forward"></ion-icon> + <p><a href="/projects/graphics/absence/" id="no-h">next<ion-icon name="arrow-forward"></ion-icon> </a> </p> </div> diff --git a/projects/index.html b/projects/index.html index 42963f3..40f8350 100644 --- a/projects/index.html +++ b/projects/index.html @@ -28,6 +28,7 @@ Graphics Order: 1. Devils Work 2. Swavy PFPS + 3. Absence --> </body> diff --git a/projects/renders/allegiance/index.html b/projects/renders/allegiance/index.html index 0419454..e4ded4a 100644 --- a/projects/renders/allegiance/index.html +++ b/projects/renders/allegiance/index.html @@ -7,7 +7,7 @@ <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="author" content="harrnish"> - <title>Project | s1nical</title> + <title>Allegiance | s1nical</title> <!-- stylesheet --> <link rel="stylesheet" href="/css/style.css"> diff --git a/projects/renders/iced-out/index.html b/projects/renders/iced-out/index.html index 54c178e..14d233a 100644 --- a/projects/renders/iced-out/index.html +++ b/projects/renders/iced-out/index.html @@ -7,7 +7,7 @@ <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="author" content="harrnish"> - <title>Project | s1nical</title> + <title>Iced Out | s1nical</title> <!-- stylesheet --> <link rel="stylesheet" href="/css/style.css"> diff --git a/projects/renders/rockstar/index.html b/projects/renders/rockstar/index.html index fd82569..575d7bd 100644 --- a/projects/renders/rockstar/index.html +++ b/projects/renders/rockstar/index.html @@ -7,7 +7,7 @@ <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="author" content="harrnish"> - <title>Project | s1nical</title> + <title>Rockstar | s1nical</title> <!-- stylesheet --> <link rel="stylesheet" href="/css/style.css"> |