-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathanimation.html
More file actions
137 lines (91 loc) · 6.38 KB
/
Copy pathanimation.html
File metadata and controls
137 lines (91 loc) · 6.38 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!doctype html>
<html lang="en-US"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Animation Experiments </title>
<link rel="stylesheet" id="wittywit-style-css" href="./files/css/style.css" type="text/css" media="all">
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-63681583-1', 'auto');
ga('send', 'pageview');
</script>
<script type="text/javascript" src="./files/js/jquery.min.js"></script>
<script type="text/javascript" src="./files/js/jquery-migrate-3.0.0.min.js"></script>
<!--============================================================================-->
<link rel="apple-touch-icon" sizes="57x57" href="./apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="./apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="./apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="./apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href=".">
<link rel="icon" type="image/png" sizes="96x96" href="./favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<div id="page" class="site">
<header id="masthead" class="site-header">
<div class="site-branding">
<p class="site-title"><a href="http://wittywit.com/" rel="home"><span>Pranshu</span>Chaudhary</a></p>
</div><!-- .site-branding -->
<nav id="site-navigation" class="main-navigation sticky" style="margin-top: 0px;">
<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false">Primary Menu</button>
<div class="menu-main-menu-container"><ul id="primary-menu" class="menu nav-menu" aria-expanded="false"><li id="menu-item-11" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-11"><a href="http://wittywit.com/#about">About</a></li>
<li id="menu-item-12" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-12"><a href="#UX">UX</a></li>
<li id="menu-item-14" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-14"><a href="http://wittywit.com/#creative-coding">Creative Coding</a></li>
<li id="menu-item-13" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-13"><a href="http://wittywit.com/#installations">installations</a></li>
<li id="menu-item-15" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-15"><a href="http://wittywit.com/#get-in-touch">Get in touch</a></li>
</ul></div> </nav><!-- #site-navigation -->
</header><!-- #masthead -->
<div id="content" class="site-content">
<div class="info-bg"></div>
<a name="about"></a>
<main>
<div class="content content--fixed">
<div class="side-text">The first rule is to not fool yourself.</div>
</div>
<!--====================== Project Content ========================== -->
<div class="projectarea">
<img src="files/img/a1.png" alt="Fetured Image Not found"/>
<h1>
Traditional Animations
</h1>
<p>
These are a few of the experiments in animation. I have tried hand drawn animation and paper-cut animation. This is a part of exploring the traditional means of Animation with a focus on study of motion and time.
</p>
<iframe src="https://player.vimeo.com/video/194216863" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<hr>
<iframe src="https://player.vimeo.com/video/194210559" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<div>
</div>
</div>
<!--=========================== footer ================================-->
<footer id="colophon" class="site-footer content--layout-8 content--layout"><a name="get-in-touch" tabindex="-1"></a>
<div class="site-content-small" style="text-align: center">
<h2 class="content__title" style="display: inline-block;width:100%;">Get in touch</h2>
<div class="content__text" style="display: inline-block;width:100%;">
<a href="mailto:pranshu_c@nid.edu">pranshu_c@nid.edu</a>
<div class="needtocall"> +91 945 870 3427 <br> +91 851 145 0365</div>
<a class="gotofacebook" href="https://www.facebook.com/wittywit/" target="_blank"></a>
<div class="side-text-m">Speculating and creating NOW</div>
</div>
</div>
<!-- .site-info -->
</footer><!-- #colophon -->
</div><!-- #page -->
<script type="text/javascript" src="./files/js/skip-link-focus-fix.js"></script>
<script type="text/javascript" src="./files/js/imagesloaded.pkgd.min.js"></script>
<script type="text/javascript" src="./files/js/scrollMonitor.js"></script>
<script type="text/javascript" src="./files/js/navigation.js"></script>
</body></html>