Add files via upload

thuytrann · Apr 7, 2024 · c20cb8a · c20cb8a
1 parent 46264d4
commit c20cb8a
Show file tree

Hide file tree

Showing 42 changed files with 10,314 additions and 1 deletion.
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,25 @@
+BSD 2-Clause License
+
+Copyright (c) 2020, Tuts+
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this
+   list of conditions and the following disclaimer.
+
+2. Redistributions in binary form must reproduce the above copyright notice,
+   this list of conditions and the following disclaimer in the documentation
+   and/or other materials provided with the distribution.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
diff --git a/README.md b/README.md
@@ -1 +1 @@
-# testtest
+# How to Create an Animated Page Transition with JavaScript
diff --git a/contact.html b/contact.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Contact</title>
+    <link rel="stylesheet" href="./modern-normalize.css">
+    <link rel="stylesheet" href="./style.scss">
+</head>
+<body>
+    <main data-router-wrapper>
+        <section data-router-view="contact">
+            <h2>Contact</h2>
+            <hr class="short">
+
+            <form action="#" method="GET">
+                <p><label for="name">Name</label><input type="text" name="name"></p>
+                <p><label for="email">Email address</label><input type="email" name="email"></p>
+                <p><label for="message">Message</label><textarea name="message" id="" cols="30" rows="10"></textarea></p>
+                <p><button type="submit">Send message</button></p>
+            </form>
+        </section>
+    </main>
+
+    <script src="./scripts.js"></script>
+</body>
+</html>
diff --git a/dist/contact.html b/dist/contact.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Contact</title>
+    <link rel="stylesheet" href="/modern-normalize.2bca49a3.css">
+    <link rel="stylesheet" href="/style.97fcb138.css">
+</head>
+<body>
+    <main data-router-wrapper="">
+        <section data-router-view="contact">
+            <h2>Contact</h2>
+            <hr class="short">
+
+            <form action="#" method="GET">
+                <p><label for="name">Name</label><input type="text" name="name"></p>
+                <p><label for="email">Email address</label><input type="email" name="email"></p>
+                <p><label for="message">Message</label><textarea name="message" id="" cols="30" rows="10"></textarea></p>
+                <p><button type="submit">Send message</button></p>
+            </form>
+        </section>
+    </main>
+
+    <script src="/scripts.b71a6038.js"></script>
+</body>
+</html>
diff --git a/dist/image-1.756da506.png b/dist/image-1.756da506.png
diff --git a/dist/image-2.5755b25c.png b/dist/image-2.5755b25c.png
diff --git a/dist/image-3.39d4f88f.png b/dist/image-3.39d4f88f.png
diff --git a/dist/image-4.4f868c59.png b/dist/image-4.4f868c59.png
diff --git a/dist/image-5.b70626e0.png b/dist/image-5.b70626e0.png
diff --git a/dist/image-6.ce9a332d.png b/dist/image-6.ce9a332d.png
diff --git a/dist/index.html b/dist/index.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Homepage</title>
+    <link rel="stylesheet" href="/modern-normalize.2bca49a3.css">
+    <link rel="stylesheet" href="/style.97fcb138.css">
+<script src="/modern-normalize.2bca49a3.js"></script><script src="/style.97fcb138.js"></script></head>
+<body>
+    <header>
+        <a href="/index.html" class="logo"><img src="/logo.86ce68ea.svg" alt="Logo"></a>
+
+        <nav>
+            <ul>
+                <li><a href="/index.html" class="active">Home</a></li>
+                <li><a href="/portfolio.html">Portfolio</a></li>
+                <li><a href="/contact.html">Contact</a></li>
+            </ul>
+        </nav>
+    </header>
+
+    <main data-router-wrapper="">
+        <section data-router-view="home">
+            <h1>Welcome to the portfolio of Adi Purdila</h1>
+            <p>Check my portfolio samples below or <a href="/portfolio.html">open my full portfolio</a> to see what I've been working on.</p>
+
+            <ul class="gallery">
+                <li>
+                    <a href="/portfolio.html"><img src="/image-1.756da506.png" alt="Portfolio image"></a>
+                </li>
+                <li>
+                    <a href="/portfolio.html"><img src="/image-2.5755b25c.png" alt="Portfolio image"></a>
+                </li>
+            </ul>
+        </section>
+    </main>
+
+    <footer>
+        <hr class="short">
+        <p>&copy; 2020. All rights reserved.</p>
+    </footer>
+
+    <script src="/scripts.b71a6038.js"></script>
+</body>
+</html>
diff --git a/dist/logo.86ce68ea.svg b/dist/logo.86ce68ea.svg
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		# testtest
		# How to Create an Animated Page Transition with JavaScript