diff --git a/image/astronaut.jpeg b/image/astronaut.jpeg deleted file mode 100644 index f03e7a7..0000000 Binary files a/image/astronaut.jpeg and /dev/null differ diff --git a/image/planet.jpeg b/image/planet.jpeg deleted file mode 100644 index 4a46dfe..0000000 Binary files a/image/planet.jpeg and /dev/null differ diff --git a/image/rocket.jpeg b/image/rocket.jpeg deleted file mode 100644 index fcdf1ce..0000000 Binary files a/image/rocket.jpeg and /dev/null differ diff --git a/image/time.jpeg b/image/time.jpeg deleted file mode 100644 index 14e3512..0000000 Binary files a/image/time.jpeg and /dev/null differ diff --git a/img/SIG-1.png b/img/SIG-1.png new file mode 100644 index 0000000..e205b76 Binary files /dev/null and b/img/SIG-1.png differ diff --git a/img/SIG-2.png b/img/SIG-2.png new file mode 100644 index 0000000..d7c77bc Binary files /dev/null and b/img/SIG-2.png differ diff --git a/img/SIG-3.png b/img/SIG-3.png new file mode 100644 index 0000000..7d9a4e5 Binary files /dev/null and b/img/SIG-3.png differ diff --git a/img/SIG-4.png b/img/SIG-4.png new file mode 100644 index 0000000..b472b3a Binary files /dev/null and b/img/SIG-4.png differ diff --git a/icon/diagonal-arrow-right-up.svg b/img/diagonal-arrow-right-up.svg similarity index 100% rename from icon/diagonal-arrow-right-up.svg rename to img/diagonal-arrow-right-up.svg diff --git a/img/favicon/android-chrome-192x192.png b/img/favicon/android-chrome-192x192.png new file mode 100644 index 0000000..be87530 Binary files /dev/null and b/img/favicon/android-chrome-192x192.png differ diff --git a/img/favicon/android-chrome-512x512.png b/img/favicon/android-chrome-512x512.png new file mode 100644 index 0000000..25cca64 Binary files /dev/null and b/img/favicon/android-chrome-512x512.png differ diff --git a/img/favicon/apple-touch-icon.png b/img/favicon/apple-touch-icon.png new file mode 100644 index 0000000..b41669f Binary files /dev/null and b/img/favicon/apple-touch-icon.png differ diff --git a/img/favicon/favicon-16x16.png b/img/favicon/favicon-16x16.png new file mode 100644 index 0000000..11a2a45 Binary files /dev/null and b/img/favicon/favicon-16x16.png differ diff --git a/img/favicon/favicon-32x32.png b/img/favicon/favicon-32x32.png new file mode 100644 index 0000000..e58c3a5 Binary files /dev/null and b/img/favicon/favicon-32x32.png differ diff --git a/img/favicon/favicon.ico b/img/favicon/favicon.ico new file mode 100644 index 0000000..36c4460 Binary files /dev/null and b/img/favicon/favicon.ico differ diff --git a/img/favicon/site.webmanifest b/img/favicon/site.webmanifest new file mode 100644 index 0000000..45dc8a2 --- /dev/null +++ b/img/favicon/site.webmanifest @@ -0,0 +1 @@ +{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"} \ No newline at end of file diff --git a/img/leo.svg b/img/leo.svg new file mode 100644 index 0000000..7c51216 --- /dev/null +++ b/img/leo.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/img/profil.webp b/img/profil.webp new file mode 100644 index 0000000..a37b53f Binary files /dev/null and b/img/profil.webp differ diff --git a/index.html b/index.html index f364b7d..1dd7419 100644 --- a/index.html +++ b/index.html @@ -1,74 +1,106 @@ - - - - Portfolio Project Web - - - - -
-
{gambar pribadi}
-

Hallo, Nama saya Leo Prangs Tobing

-

+70% Web Dev, 70% Unity, 90% Game

-
-
-
-

Projects

-
-
- -
-
- - - \ No newline at end of file + +
Website ini dibuat dengan , masih dikembangkan lagi 🙇‍♂️
+ + diff --git a/style.css b/style.css index d281413..b0c669c 100644 --- a/style.css +++ b/style.css @@ -24,6 +24,13 @@ header { padding: 0 1rem; } +#profil { + border-radius: 50%; + width: 200px; + height: 200px; + margin: 0 auto; +} + #project { background-color: #eeeeea; display: flex; @@ -126,19 +133,19 @@ input:checked + label .description { } .card[for="c1"] { - background-image: url("./image/rocket.jpeg"); + background-image: url("./img/SIG-1.png"); } .card[for="c2"] { - background-image: url("./image/planet.jpeg"); + background-image: url("./img/SIG-2.png"); } .card[for="c3"] { - background-image: url("./image/astronaut.jpeg"); + background-image: url("./img/SIG-3.png"); } .card[for="c4"] { - background-image: url("./image/time.jpeg"); + background-image: url("./img/SIG-4.png"); } a { @@ -177,3 +184,44 @@ footer { margin: 2rem 0; padding: 0 1rem; } + +.footer { + display: flex; + justify-content: center; + align-items: center; +} + +.footerLink { + text-decoration: none; + color: #223; + font-weight: bold; + margin: 0 0.5rem; + width: 50px; + height: 50px; + display: flex; + justify-content: center; + align-items: center; + border-radius: 50%; + transition: 0.3s; + -moz-transition: cubic-bezier(0.215, 0.61, 0.355, 1); + -o-transition: cubic-bezier(0.075, 0.82, 0.165, 1); + /* transition tidak bekerja di awal */ + /* transition: .3s cubic-bezier(0.95, 0.05, 0.795, 0.035); */ +} + +.footerLink:hover { + background: #223; + color: white; + box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.8); +} + +#down { + margin: 1rem 0; + background: #223; + color: white; + padding: 0.5rem 1rem; + border-radius: 0.5rem; + font-weight: bold; + text-align: center; + +} \ No newline at end of file