diff --git a/.github/workflows/azure-static-web-apps-ambitious-stone-0e6c10e10.yml b/.github/workflows/azure-static-web-apps-ambitious-stone-0e6c10e10.yml deleted file mode 100644 index 482c46a..0000000 --- a/.github/workflows/azure-static-web-apps-ambitious-stone-0e6c10e10.yml +++ /dev/null @@ -1,45 +0,0 @@ -name: Azure Static Web Apps CI/CD - -on: - push: - branches: - - Harindulk - pull_request: - types: [opened, synchronize, reopened, closed] - branches: - - Harindulk - -jobs: - build_and_deploy_job: - if: github.event_name == 'push' || (github.event_name == 'pull_request' && github.event.action != 'closed') - runs-on: ubuntu-latest - name: Build and Deploy Job - steps: - - uses: actions/checkout@v2 - with: - submodules: true - - name: Build And Deploy - id: builddeploy - uses: Azure/static-web-apps-deploy@v1 - with: - azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_AMBITIOUS_STONE_0E6C10E10 }} - repo_token: ${{ secrets.GITHUB_TOKEN }} # Used for Github integrations (i.e. PR comments) - action: "upload" - ###### Repository/Build Configurations - These values can be configured to match your app requirements. ###### - # For more information regarding Static Web App workflow configurations, please visit: https://aka.ms/swaworkflowconfig - app_location: "/" # App source code path - api_location: "" # Api source code path - optional - output_location: "" # Built app content directory - optional - ###### End of Repository/Build Configurations ###### - - close_pull_request_job: - if: github.event_name == 'pull_request' && github.event.action == 'closed' - runs-on: ubuntu-latest - name: Close Pull Request Job - steps: - - name: Close Pull Request - id: closepullrequest - uses: Azure/static-web-apps-deploy@v1 - with: - azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_AMBITIOUS_STONE_0E6C10E10 }} - action: "close" diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/CNAME b/CNAME index a41d42f..bd33e70 100644 --- a/CNAME +++ b/CNAME @@ -1 +1 @@ -harindu.me +links.harindu.dev \ No newline at end of file diff --git a/README.md b/README.md index e53c0af..1c54f5d 100644 --- a/README.md +++ b/README.md @@ -6,3 +6,4 @@

https://harindulk.github.io

#### Personal links page of Harindu Fonseka. +[![wakatime](https://wakatime.com/badge/user/77559b69-12a6-41ee-9b5f-b489fa0b0f73/project/6c61c4b8-0a17-4c7c-afef-68b80af345ed.svg)](https://wakatime.com/badge/user/77559b69-12a6-41ee-9b5f-b489fa0b0f73/project/6c61c4b8-0a17-4c7c-afef-68b80af345ed) diff --git a/assets/css/bootstrap.min.css b/assets/css/bootstrap.min.css new file mode 100644 index 0000000..dd86449 --- /dev/null +++ b/assets/css/bootstrap.min.css @@ -0,0 +1,6 @@ +@charset "UTF-8";/*! + * Bootstrap v5.1.3 (https://getbootstrap.com/) + * Copyright 2011-2021 The Bootstrap Authors + * Copyright 2011-2021 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + */:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}p{margin-top:0;margin-bottom:1rem}b{font-weight:bolder}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}img{vertical-align:middle}[role=button]{cursor:pointer}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit]{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}[hidden]{display:none!important}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-6{font-size:2.5rem}}.badge{display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}@-webkit-keyframes progress-bar-stripes{0%{background-position-x:1rem}}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@-webkit-keyframes placeholder-glow{50%{opacity:.2}}@keyframes placeholder-glow{50%{opacity:.2}}@-webkit-keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0;mask-position:-200% 0}}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0;mask-position:-200% 0}}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.text-center{text-align:center!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important} \ No newline at end of file diff --git a/assets/css/fontawesome.css b/assets/css/fontawesome.css new file mode 100644 index 0000000..fa59275 --- /dev/null +++ b/assets/css/fontawesome.css @@ -0,0 +1,4 @@ +/*! + * Font Awesome Pro 5.10.0 by @fontawesome - https://fontawesome.com + * License - https://fontawesome.com/license (Commercial License) + */.fa,.fab,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-badge:before{content:"\f335"}.fa-blog:before{content:"\f781"}.fa-bootstrap:before{content:"\f836"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-dev:before{content:"\f6cc"}.fa-envelope:before{content:"\f0e0"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-google:before{content:"\f1a0"}.fa-google-play:before{content:"\f3ab"}.fa-html5:before{content:"\f13b"}.fa-icons:before{content:"\f86d"}.fa-icons-alt:before{content:"\f86e"}.fa-id-badge:before{content:"\f2c1"}.fa-imdb:before{content:"\f2d8"}.fa-itch-io:before{content:"\f83a"}.fa-js:before{content:"\f3b8"}.fa-language:before{content:"\f1ab"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-npm:before{content:"\f3d4"}.fa-play:before{content:"\f04b"}.fa-search:before{content:"\f002"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-text:before{content:"\f893"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-times:before{content:"\f00d"}.fa-twitter:before{content:"\f099"}.fa-youtube:before{content:"\f167"}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:auto;src:url(https://pro.fontawesome.com/releases/v5.10.0/webfonts/fa-brands-400.eot);src:url(https://pro.fontawesome.com/releases/v5.10.0/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://pro.fontawesome.com/releases/v5.10.0/webfonts/fa-brands-400.woff2) format("woff2"),url(https://pro.fontawesome.com/releases/v5.10.0/webfonts/fa-brands-400.woff) format("woff"),url(https://pro.fontawesome.com/releases/v5.10.0/webfonts/fa-brands-400.ttf) format("truetype"),url(https://pro.fontawesome.com/releases/v5.10.0/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Duotone";font-style:normal;font-weight:900;font-display:auto;src:url(https://pro.fontawesome.com/releases/v5.10.0/webfonts/fa-duotone-900.eot);src:url(https://pro.fontawesome.com/releases/v5.10.0/webfonts/fa-duotone-900.eot?#iefix) format("embedded-opentype"),url(https://pro.fontawesome.com/releases/v5.10.0/webfonts/fa-duotone-900.woff2) format("woff2"),url(https://pro.fontawesome.com/releases/v5.10.0/webfonts/fa-duotone-900.woff) format("woff"),url(https://pro.fontawesome.com/releases/v5.10.0/webfonts/fa-duotone-900.ttf) format("truetype"),url(https://pro.fontawesome.com/releases/v5.10.0/webfonts/fa-duotone-900.svg#fontawesome) format("svg")}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:300;font-display:auto;src:url(https://pro.fontawesome.com/releases/v5.10.0/webfonts/fa-light-300.eot);src:url(https://pro.fontawesome.com/releases/v5.10.0/webfonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(https://pro.fontawesome.com/releases/v5.10.0/webfonts/fa-light-300.woff2) format("woff2"),url(https://pro.fontawesome.com/releases/v5.10.0/webfonts/fa-light-300.woff) format("woff"),url(https://pro.fontawesome.com/releases/v5.10.0/webfonts/fa-light-300.ttf) format("truetype"),url(https://pro.fontawesome.com/releases/v5.10.0/webfonts/fa-light-300.svg#fontawesome) format("svg")}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;font-display:auto;src:url(https://pro.fontawesome.com/releases/v5.10.0/webfonts/fa-regular-400.eot);src:url(https://pro.fontawesome.com/releases/v5.10.0/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://pro.fontawesome.com/releases/v5.10.0/webfonts/fa-regular-400.woff2) format("woff2"),url(https://pro.fontawesome.com/releases/v5.10.0/webfonts/fa-regular-400.woff) format("woff"),url(https://pro.fontawesome.com/releases/v5.10.0/webfonts/fa-regular-400.ttf) format("truetype"),url(https://pro.fontawesome.com/releases/v5.10.0/webfonts/fa-regular-400.svg#fontawesome) format("svg")}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;font-display:auto;src:url(https://pro.fontawesome.com/releases/v5.10.0/webfonts/fa-solid-900.eot);src:url(https://pro.fontawesome.com/releases/v5.10.0/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://pro.fontawesome.com/releases/v5.10.0/webfonts/fa-solid-900.woff2) format("woff2"),url(https://pro.fontawesome.com/releases/v5.10.0/webfonts/fa-solid-900.woff) format("woff"),url(https://pro.fontawesome.com/releases/v5.10.0/webfonts/fa-solid-900.ttf) format("truetype"),url(https://pro.fontawesome.com/releases/v5.10.0/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Pro";font-weight:900} \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css index 55845e5..cbed0e8 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1,13 +1,11 @@ .bg { - /* From https://css.glass */ - background: rgba(255, 255, 255, 0.31); + background: #19191B; border-radius: 16px; - box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); + box-shadow: 0 4px 30px rgba(0, 0, 0, .1); backdrop-filter: blur(12.1px); -webkit-backdrop-filter: blur(12.1px); - background-image: url("/assets/img/snow.webp"); - background-attachment: fixed; - + /*background-image: url(https://harindu.me/assets/img/snow.webp); + background-attachment: fixed*/ } .profile-picture { @@ -16,26 +14,25 @@ margin-right: auto; height: auto; max-width: 100px; - border-radius: 50%; - + border-radius: 50% } .profile-name { text-align: center; padding: 10px; - font-family: "Karla", sans-serif; - font-weight: bold; - color: white; - font-size: 20px; + font-family: Karla, sans-serif; + font-weight: 700; + color: #FEFFFE; + font-size: 20px } .profile-about { text-align: center; padding: 2px; - font-family: "Dosis", sans-serif; - color: white; + font-family: Dosis, sans-serif; + color: #FEFFFE; font-size: 15px; - letter-spacing: 2px; + letter-spacing: 2px } .links { @@ -44,43 +41,44 @@ margin-left: auto; margin-right: auto; padding: 15px; - border: 0.5px solid rgb(255, 255, 255); + border: .5px solid #27262B; border-width: 1px; display: block; border-radius: 10px; - font-family: "Karla", sans-serif; + font-family: Karla, sans-serif; position: relative; font-size: 17px; width: 680px; max-width: 95%; - transition: all 0.3s ease-in-out; + transition: all .3s ease-in-out } + .links-in { padding: 5px; - border: 0.5px solid rgba(255, 255, 255, 0); + border: .5px solid #ffffff00; border-width: 1px; width: 30px; display: block; border-radius: 40px; left: 20px; position: absolute; - font-size: 20px; + font-size: 20px } .hover { text-decoration: none; - color: rgb(0, 0, 0); - transition: all 0.3s; - background: rgb(255, 255, 255); + color: #FEFFFE; + transition: all .3s; + background: #27262B } .hover:hover { text-decoration: none; - color: rgb(0, 0, 0); - background: rgb(255, 255, 255); - transition: all 0.2s; - transform: scale(1.03); + color: #FEFFFE; + background: #27262B; + transition: all .2s; + transform: scale(1.03) } .bottom-text { @@ -88,32 +86,32 @@ text-align: center; margin-top: 30px; font-size: 20px; - color: rgb(255, 255, 255); - font-family: "Handlee", cursive; + color: #FEFFFE; + font-family: Handlee, cursive } .link-hide { - text-decoration: none; + text-decoration: none } .link-hide:hover { - text-decoration: none; + text-decoration: none } -@media (max-width: 548px) { +@media (max-width:548px) { .profile-about { text-align: center; padding: 2px; - font-family: "Dosis", sans-serif; - color: white; + font-family: Dosis, sans-serif; + color: #FEFFFE; font-size: 15px; - letter-spacing: 1px; + letter-spacing: 1px } } .links-footer { padding: 4px; - border: 0.5px solid rgb(255, 255, 255); + border: .5px solid #FEFFFE; border-width: 1px; width: 40px; display: inline-block; @@ -122,21 +120,20 @@ text-align: center; margin: 10px; margin-top: 50px; - color: rgb(0, 0, 0); + color: #000; transition: color 1s; - transition: all 0.3s; - background: rgb(255, 255, 255); - + transition: all .3s; + background: #FEFFFE } .links-footer:hover { - color: rgb(0, 0, 0); - background: rgb(255, 255, 255); - transition: all 0.3s; + color: #000; + background: #FEFFFE; + transition: all .3s } -.space{ - padding-top: 40px; +.space { + padding-top: 40px } .drag { @@ -144,6 +141,5 @@ -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; - user-drag: none; -} - + -user-drag: none +} \ No newline at end of file diff --git a/assets/img/Harindu.jpg b/assets/img/Harindu.jpg new file mode 100644 index 0000000..9317c6b Binary files /dev/null and b/assets/img/Harindu.jpg differ diff --git a/index.html b/index.html index 25a68fd..bc01380 100644 --- a/index.html +++ b/index.html @@ -3,25 +3,19 @@ - - + + - - + + - - + + - - - - + @@ -44,39 +38,36 @@ - - - -
- profile picture + profile picture -
Harindu Fonseka (aka Harindulk)
+
Harindu Fonseka (aka Harindulk) verified
-
15 years old programmer & a game developer, youngest google verified student in sri - lanka
+
15 years old programmer & a game developer, youngest Google verified student in sri lanka
Website + + + + LinkedIn GitHub + + + + Twitter @@ -91,21 +82,6 @@ itch.io - - - - - - Twitter - - - - LinkedIn - Youtube @@ -115,32 +91,8 @@ Facebook
- + - - - - - - + - \ No newline at end of file +