summaryrefslogtreecommitdiff
path: root/projects/graphics/swavy-pfps
diff options
context:
space:
mode:
authors1n <[email protected]>2019-10-22 21:03:34 -0700
committers1n <[email protected]>2019-10-22 21:03:34 -0700
commitf6489c30d8f0e977f4d84b0db6d8536b01a9efd9 (patch)
tree8041d48e428678c8e8949676c27ecda70a32138d /projects/graphics/swavy-pfps
parentmake projects not blind u (diff)
downloadp.s1n.pw-admin-f6489c30d8f0e977f4d84b0db6d8536b01a9efd9.tar.xz
p.s1n.pw-admin-f6489c30d8f0e977f4d84b0db6d8536b01a9efd9.zip
MANY CLEANUP CHANGES
- organize work into renders and graphics - notation - add gfx
Diffstat (limited to 'projects/graphics/swavy-pfps')
-rw-r--r--projects/graphics/swavy-pfps/assets/img.pngbin0 -> 543293 bytes
-rw-r--r--projects/graphics/swavy-pfps/assets/img2.pngbin0 -> 737482 bytes
-rw-r--r--projects/graphics/swavy-pfps/assets/img3.pngbin0 -> 575336 bytes
-rw-r--r--projects/graphics/swavy-pfps/assets/img4.pngbin0 -> 1188474 bytes
-rw-r--r--projects/graphics/swavy-pfps/assets/img5.pngbin0 -> 531570 bytes
-rw-r--r--projects/graphics/swavy-pfps/assets/img6.pngbin0 -> 565994 bytes
-rw-r--r--projects/graphics/swavy-pfps/assets/img7.pngbin0 -> 133809 bytes
-rw-r--r--projects/graphics/swavy-pfps/assets/img8.pngbin0 -> 128199 bytes
-rw-r--r--projects/graphics/swavy-pfps/assets/img9.pngbin0 -> 642156 bytes
-rw-r--r--projects/graphics/swavy-pfps/index.html372
10 files changed, 372 insertions, 0 deletions
diff --git a/projects/graphics/swavy-pfps/assets/img.png b/projects/graphics/swavy-pfps/assets/img.png
new file mode 100644
index 0000000..1211c3e
--- /dev/null
+++ b/projects/graphics/swavy-pfps/assets/img.png
Binary files differ
diff --git a/projects/graphics/swavy-pfps/assets/img2.png b/projects/graphics/swavy-pfps/assets/img2.png
new file mode 100644
index 0000000..a314760
--- /dev/null
+++ b/projects/graphics/swavy-pfps/assets/img2.png
Binary files differ
diff --git a/projects/graphics/swavy-pfps/assets/img3.png b/projects/graphics/swavy-pfps/assets/img3.png
new file mode 100644
index 0000000..3d58fd6
--- /dev/null
+++ b/projects/graphics/swavy-pfps/assets/img3.png
Binary files differ
diff --git a/projects/graphics/swavy-pfps/assets/img4.png b/projects/graphics/swavy-pfps/assets/img4.png
new file mode 100644
index 0000000..c0bc556
--- /dev/null
+++ b/projects/graphics/swavy-pfps/assets/img4.png
Binary files differ
diff --git a/projects/graphics/swavy-pfps/assets/img5.png b/projects/graphics/swavy-pfps/assets/img5.png
new file mode 100644
index 0000000..e56029d
--- /dev/null
+++ b/projects/graphics/swavy-pfps/assets/img5.png
Binary files differ
diff --git a/projects/graphics/swavy-pfps/assets/img6.png b/projects/graphics/swavy-pfps/assets/img6.png
new file mode 100644
index 0000000..5dcb8a5
--- /dev/null
+++ b/projects/graphics/swavy-pfps/assets/img6.png
Binary files differ
diff --git a/projects/graphics/swavy-pfps/assets/img7.png b/projects/graphics/swavy-pfps/assets/img7.png
new file mode 100644
index 0000000..004c482
--- /dev/null
+++ b/projects/graphics/swavy-pfps/assets/img7.png
Binary files differ
diff --git a/projects/graphics/swavy-pfps/assets/img8.png b/projects/graphics/swavy-pfps/assets/img8.png
new file mode 100644
index 0000000..c613c4a
--- /dev/null
+++ b/projects/graphics/swavy-pfps/assets/img8.png
Binary files differ
diff --git a/projects/graphics/swavy-pfps/assets/img9.png b/projects/graphics/swavy-pfps/assets/img9.png
new file mode 100644
index 0000000..1cf2e1f
--- /dev/null
+++ b/projects/graphics/swavy-pfps/assets/img9.png
Binary files differ
diff --git a/projects/graphics/swavy-pfps/index.html b/projects/graphics/swavy-pfps/index.html
new file mode 100644
index 0000000..05f4a7d
--- /dev/null
+++ b/projects/graphics/swavy-pfps/index.html
@@ -0,0 +1,372 @@
+<!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">"Swavy Profile Pictures"</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">November - January 2018</h6>
+ </div>
+ <br>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!--------------- hero section ends here --------------->
+
+
+ <!--------------- project image section starts here --------------->
+
+ <div class="project-img">
+ <style>
+ .pfp1 {
+ background: url(/projects/graphics/swavy-pfps/assets/img.png) no-repeat 50% 70%;
+ background-size: cover;
+ height: 1111px;
+ }
+ .pfp2 {
+ background: url(/projects/graphics/swavy-pfps/assets/img2.png) no-repeat 50% 70%;
+ background-size: cover;
+ height: 1111px;
+ }
+ .pfp3 {
+ background: url(/projects/graphics/swavy-pfps/assets/img3.png) no-repeat 50% 70%;
+ background-size: cover;
+ height: 1111px;
+ }
+ .pfp4 {
+ background: url(/projects/graphics/swavy-pfps/assets/img4.png) no-repeat 50% 70%;
+ background-size: cover;
+ height: 1111px;
+ }
+ .pfp5 {
+ background: url(/projects/graphics/swavy-pfps/assets/img5.png) no-repeat 50% 70%;
+ background-size: cover;
+ height: 1111px;
+ }
+ .pfp6 {
+ background: url(/projects/graphics/swavy-pfps/assets/img6.png) no-repeat 50% 70%;
+ background-size: cover;
+ height: 1111px;
+ }
+ .pfp7 {
+ background: url(/projects/graphics/swavy-pfps/assets/img7.png) no-repeat 50% 70%;
+ background-size: cover;
+ height: 1111px;
+ }
+ .pfp8 {
+ background: url(/projects/graphics/swavy-pfps/assets/img8.png) no-repeat 50% 70%;
+ background-size: cover;
+ height: 1111px;
+ }
+ .pfp9 {
+ background: url(/projects/graphics/swavy-pfps/assets/img9.png) no-repeat 50% 70%;
+ background-size: cover;
+ height: 1111px;
+ }
+
+ @media(max-width: 768px) {
+ .pfps {
+ height: 360px;
+ }
+ }
+ </style>
+ <div class="container">
+ <br><br>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="pfps pfp1 wow fadeInUp" data-wow-delay="0.8s"></div>
+ </div>
+ </div>
+ </div>
+ <div class="container">
+ <br><br>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="pfps pfp2 wow fadeInUp" data-wow-delay="0.8s"></div>
+ </div>
+ </div>
+ </div>
+ <div class="container">
+ <br><br>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="pfps pfp3 wow fadeInUp" data-wow-delay="0.8s"></div>
+ </div>
+ </div>
+ </div>
+ <div class="container">
+ <br><br>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="pfps pfp4 wow fadeInUp" data-wow-delay="0.8s"></div>
+ </div>
+ </div>
+ </div>
+ <div class="container">
+ <br><br>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="pfps pfp5 wow fadeInUp" data-wow-delay="0.8s"></div>
+ </div>
+ </div>
+ </div>
+ <div class="container">
+ <br><br>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="pfps pfp6 wow fadeInUp" data-wow-delay="0.8s"></div>
+ </div>
+ </div>
+ </div>
+ <div class="container">
+ <br><br>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="pfps pfp7 wow fadeInUp" data-wow-delay="0.8s"></div>
+ </div>
+ </div>
+ </div>
+ <div class="container">
+ <br><br>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="pfps pfp8 wow fadeInUp" data-wow-delay="0.8s"></div>
+ </div>
+ </div>
+ </div>
+ <div class="container">
+ <br><br>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="pfps pfp9 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/iced-out/" id="no-h">
+ <ion-icon name="arrow-back"></ion-icon>previous
+ </a>
+ </div>
+ <div class="col-lg-6 next">
+ <p><a href="/projects/allegiance/" 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>
generated by cgit v1.2.3 (git 2.25.1) at 2026-04-25 23:24:57 +0000