Skip to content

Commit

Permalink
Merge pull request #1 from vinoaryo/dev
Browse files Browse the repository at this point in the history
  • Loading branch information
@vinoaryo
vinoaryo authored Aug 9, 2023
2 parents c0e4b91 + 7c4f316 commit 6ea91c7
Show file tree
Hide file tree
Showing 7 changed files with 145 additions and 517 deletions.
78 changes: 0 additions & 78 deletions app.js
View file

This file was deleted.

200 changes: 40 additions & 160 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,163 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css"
integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<title>VNet</title>
</head>
<body data-theme="dark">
<nav>
<div class="logo">VNet</div>
</nav>

<div class="container">
<section id="home">
<h1>Greetings</h1>
<p>
I am grateful for your arrival at my cyber sanctum, a place where I
have endeavored to curate a collection of information and insights
that I hope will prove enlightening and thought-provoking.
</p>
</section>
<section id="languages">
<h2>Language</h2>
<a class="language" id="php" href="https://php.net" target="_blank">
<i class="fab fa-php"></i>
<p>PHP</p>
</a>
<a
class="language"
id="laravel"
href="https://laravel.com"
target="_blank"
>
<i class="fab fa-laravel"></i>
<p>Laravel</p>
</a>
<a
class="language"
id="node"
href="https://nodejs.org"
target="_blank"
>
<i class="fab fa-node-js"></i>
<p>NodeJS</p>
</a>
<a
class="language"
id="python"
href="https://python.org"
target="_blank"
>
<i class="fab fa-python"></i>
<p>Python</p>
</a>
<a class="language" id="html" href="https://html.com" target="_blank">
<i class="fas fa-palette"></i>
<p>Web Design</p>
</a>
</section>

<section id="about">
<h2>About Me</h2>
<br />
<div>
<br />
<h4>Personal Info</h4>
<br />
My name is Vino Aryo and I was born on March 9th in Jakarta, West
Java. I currently reside in Bekasi, West Java and am a proud
Indonesian. I am fluent in both English and Indonesian.
</div>
<div>
<br />
<h4>Education</h4>
<br />
I am currently a middle school student at Mitra Nusantara and am
working hard to continue my education and pursue my passions.
</div>
<div>
<br />
<h4>Skills</h4>
<br />
My technical skills include programming, and I am constantly working
to improve my abilities in this field. In addition, I have developed
strong soft skills through my involvement in scouting and flag
hoisting troop activities. While I have not yet received any
certifications or awards, I am dedicated to continuing to learn and
grow in all areas.
</div>
<div>
<br />
<h4>Interests and Hobbies</h4>
<br />
In my free time, I enjoy watching movies and experimenting with
cooking new dishes. I am also passionate about flag hoisting and
love to participate in related activities whenever I can. Of course,
programming is a major interest of mine as well, and I am always
eager to learn and explore new technologies.
</div>
</section>

<footer>
<section id="contact">
<div class="contact-bar">
<div class="contact-bar-item">
<a href="mailto:[email protected]" data-tooltip="Email">
<i class="fas fa-envelope"></i>
<span>Email</span>
</a>
</div>
<div class="contact-bar-item">
<a href="tel:+628888196111" data-tooltip="Phone">
<i class="fas fa-phone"></i>
<span>Phone</span>
</a>
</div>
<div class="contact-bar-item">
<a href="https://github.com/vinoaryo" data-tooltip="Github">
<i class="fab fa-github"></i>
<span>Github</span>
</a>
</div>
<div class="contact-bar-item">
<a href="https://wa.me/+628888196111" data-tooltip="Whatsapp">
<i class="fab fa-whatsapp"></i>
<span>WhatsApp</span>
</a>
</div>
<div class="contact-bar-item">
<a
href="https://www.instagram.com/vinoaryo_/"
data-tooltip="Instagram"
>
<i class="fab fa-instagram"></i>
<span>Instagram</span>
</a>
</div>
</div>
</section>
</footer>
<div id="themeButton"><i class=""></i></div>
</div>

<div class="splash">
<header>
<h1>VNET</h1>
</header>
</div>

<script src="app.js"></script>
</body>
</html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
<script
src="https://kit.fontawesome.com/ca9fd2e9fb.js"
crossorigin="anonymous"
defer
></script>
<script src="src/javascript/script.js" defer></script>
<link rel="stylesheet" href="src/style/style.css" />
<link rel="shortcut icon" href="src/image/favicon.ico" type="image/x-icon">
<title>VSpace</title>
</head>
<body data-theme>
<nav>
<ul>
<li>
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Contact</a>
</li>
</ul>
</nav>
<header>
<section id="home">
<h1 class="animate__animated animate__fadeInLeftBig">Hello, World!</h1>
</section>
<section id="about"></section>
<section id="contact"></section>
</header>
<div class="theme">
<button id="themeBtn" onclick="changeTheme()">
<i class="fas fa-sun"></i>
</button>
</div>
</body>
</html>
Binary file added src/image/VSpace.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/image/favicon.ico
View file
Binary file not shown.
24 changes: 24 additions & 0 deletions src/javascript/script.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
const body = document.body;

const themeBtn = document.getElementById("themeBtn");
const themeBtnIcon = document.querySelector("#themeBtn i");

function changeTheme() {
if (themeBtnIcon.classList.contains("fa-sun")) {
body.dataset.theme = "dark";
localStorage.setItem("theme", "dark");
themeBtnIcon.classList.replace("fa-sun", "fa-moon");
} else {
body.dataset.theme = "";
localStorage.setItem("theme", "light");
themeBtnIcon.classList.replace("fa-moon", "fa-sun");
}
}

if (localStorage.getItem("theme") === "dark") {
body.dataset.theme = "dark";
themeBtnIcon.classList.replace("fa-sun", "fa-moon");
} else {
body.dataset.theme = "";
themeBtnIcon.classList.replace("fa-moon", "fa-sun");
}
81 changes: 81 additions & 0 deletions src/style/style.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,81 @@
@import url("https://fonts.googleapis.com/css2?family=Lato&display=swap");

:root {
--text: #191815;
--background: #fefffe;
--primary: #34353d;
--secondary: #d6d0d7;
--accent: #656776;
--text-rgb: rgb(25, 24, 21);
--background-rgb: rgb(254, 255, 254);
--primary-rgb: rgb(52, 53, 61);
--secondary-rgb: rgb(214, 208, 215);
--accent-rgb: rgb(101, 103, 118);
}

[data-theme="dark"] {
--text: #fafafa;
--background: #1d1d1d;
--primary: #34353d;
--secondary: #1b171c;
--accent: #adaeb8;
--text-rgb: rgb(250, 250, 250);
--background-rgb: rgb(29, 29, 29);
--primary-rgb: rgb(52, 53, 61);
--secondary-rgb: rgb(27, 23, 28);
--accent-rgb: rgb(173, 174, 184);
}

*,
html {
margin: 0;
padding: 0;
font-family: "Lato", sans-serif;
color: var(--text);
}

body {
background-color: var(--background);
transition: all 0.2s ease-in-out;
}

header {
padding: 10px;
}

a {
text-decoration: none;
}

a:hover {
border-bottom: 1px solid var(--primary);
}

nav {
display: flex;
padding: 10px;
justify-content: end;
/* box-shadow: 0px 1px 5px var(--primary-rgb, 0.1); */
}

nav li {
list-style-type: none;
}

nav li a {
margin-right: 15px;
}

.theme {
position: absolute;
bottom: 0;
right: 0;
}

.theme button {
background: none;
border: none;
font-size: xx-large;
padding: 10px 15px;
cursor: pointer;
}
Loading

1 comment on commit 6ea91c7

@vercel
Copy link

@vercel vercel bot commented on 6ea91c7 Aug 9, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

vinoweb – ./

vinoweb.vercel.app
vinoweb-git-main-vinoaryo.vercel.app
vinoweb-vinoaryo.vercel.app

Please sign in to comment.