forked from ishani-1255/Linktree
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
85d9ee9
commit 9c7c886
Showing
6 changed files
with
112 additions
and
42 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,45 @@ | ||
| # Simple workflow for deploying static content to GitHub Pages | ||
| name: Deploy `./index.html` static content to Github Pages | ||
|
|
||
| on: | ||
| # Runs on pushes targeting the default branch | ||
| push: | ||
| branches: ["main"] | ||
|
|
||
| # Allows you to run this workflow manually from the Actions tab | ||
| workflow_dispatch: | ||
|
|
||
| # Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages | ||
| permissions: | ||
| contents: read | ||
| pages: write | ||
| id-token: write | ||
|
|
||
| # Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued. | ||
| # However, do NOT cancel in-progress runs as we want to allow these production deployments to complete. | ||
| concurrency: | ||
| group: "pages" | ||
| cancel-in-progress: false | ||
|
|
||
| jobs: | ||
| # Single deploy job since we're just deploying | ||
| deploy: | ||
| environment: | ||
| name: github-pages | ||
| url: ${{ steps.deployment.outputs.page_url }} | ||
| runs-on: ubuntu-latest | ||
| steps: | ||
| - name: Checkout | ||
| uses: actions/checkout@v4 | ||
|
|
||
| - name: Setup Pages | ||
| uses: actions/configure-pages@v5 | ||
|
|
||
| - name: Upload artifact | ||
| uses: actions/upload-pages-artifact@v3 | ||
| with: | ||
| path: './index.html' | ||
|
|
||
| - name: Deploy to GitHub Pages | ||
| id: deployment | ||
| uses: actions/deploy-pages@v4 |
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,14 +1,3 @@ | ||
| # Linktree Clone | ||
| Link of the Project: https://linktreecloneproject.vercel.app/ | ||
| # Linktree | ||
|
|
||
| This clone is made using HTML and Tailwind CSS. | ||
|
|
||
| **Linktree** is a tool that allows you to share multiple links on social media, but it rose to prominence on Instagram. This is because Instagram does not allow you to share web links anywhere apart from in Stories and in the 'bio' section of your profile page, which has a strict character limit. | ||
|
|
||
| # Tech-Stack Used.. | ||
| <img src="https://github.com/devicons/devicon/blob/master/icons/html5/html5-original-wordmark.svg" title="HTML" alt="HTML" width="60" height="60"/> | ||
| <img src="https://github.com/devicons/devicon/blob/master/icons/css3/css3-original-wordmark.svg" title="css3" alt="css3" width="60" height="60"/> | ||
| <img src="https://tailwindcss.com/_next/static/media/tailwindcss-mark.79614a5f61617ba49a0891494521226b.svg" title="TailwindCSS" alt="TailwindCSS" width="60" height="60"/> | ||
|
|
||
| # Screenshot | ||
| <img src ="https://raw.githubusercontent.com/ishani-1255/Linktree/main/Screenshot%202022-10-18%20at%203.25.44%20PM.png"> | ||
| Forked from [https://github.com/ishani-1255/Linktree](https://github.com/ishani-1255/Linktree). |
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,43 +1,79 @@ | ||
| <html> | ||
| <head> | ||
| <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet"> | ||
| <title>Ryan Fitton Links</title> | ||
| <script src="https://cdn.tailwindcss.com"></script> | ||
| </head> | ||
| <body> | ||
| <div class=" mt-16 flex justify-center align-center h-20 "> | ||
| <img src="https://raw.githubusercontent.com/ishani-1255/Linktree/main/GwcqAcMW_400x400.png" alt="Ishika Ishani Profile Pic" | ||
| class=" rounded-full "/> </div> | ||
| <div class=" mt-4 "> | ||
| <div class=" flex justify-center align-center font-bold text-lg cursor-text"> Ishika Ishani</div> | ||
| <div class=" flex justify-center align-center text-base mt-2 cursor-text"> I am into Open source and front-end development.</div> | ||
| </div> | ||
| <div class="mt-16 flex justify-center align-center h-20"> | ||
| <img src="https://www.gravatar.com/avatar/ada956a2c2554995a9471864143d5d24?s=80" alt="Profile Pic" class="rounded-full" /> | ||
| </div> | ||
|
|
||
| <div class=" flex justify-center align-center mt-6 "> | ||
| <div class=" flex justify-center align-center bg-gray-900 h-14 p-4 text-white w-1/2 rounded-2xl cursor-pointer transform transition-all duration-100 hover:scale-105 "> <a href="https://znap.link/Ishika-Ishani">My Projects </a></div> | ||
| </div> | ||
| <div class="mt-4"> | ||
| <div class="flex justify-center align-center font-bold text-lg cursor-text">Ryan Fitton</div> | ||
| <div class="flex justify-center align-center text-base mt-2 cursor-text">I build things for the web</div> | ||
| </div> | ||
|
|
||
| <div class=" flex justify-center align-center "> | ||
| <div class=" flex justify-center align-center h-12 p-4 font-bold text-lg cursor-text m-4 "> My Socials</div> | ||
| <div class="flex justify-center align-center mt-6"> | ||
| <div class="flex justify-center align-center text-center bg-gray-900 text-white w-1/2 rounded-2xl cursor-pointer transform transition-all duration-100 hover:scale-105"> | ||
| <a href="https://ryanfitton.co.uk" class="block p-4 w-full">Website and Blog</a> | ||
| </div> | ||
| </div> | ||
| <div class=" flex justify-center align-center "> | ||
| <div class=" flex justify-center align-center bg-gray-900 h-14 p-4 text-white text-base w-1/2 rounded-2xl cursor-pointer transform transition-all duration-100 hover:scale-105"> <a href ="https://www.linkedin.com/in/ishika-ishani/">Let Connect On Linkedln</a></div> | ||
|
|
||
| <div class="flex justify-center align-center"> | ||
| <div class="flex justify-center align-center h-12 p-4 font-bold text-lg cursor-text m-4"> | ||
| My Socials | ||
| </div> | ||
| </div> | ||
| <div class=" flex justify-center align-center "> | ||
| <div class=" flex justify-center align-center bg-gray-900 h-14 p-4 text-white mt-2 text-base w-1/2 rounded-2xl cursor-pointer transform transition-all duration-100 hover:scale-105 "> <a href="https://github.com/ishani-1255">Follow Me On Github</a></div> | ||
|
|
||
| <div class="flex justify-center align-center mb-4"> | ||
| <div class="flex justify-center align-center text-center bg-gray-900 text-white w-1/2 rounded-2xl cursor-pointer transform transition-all duration-100 hover:scale-105"> | ||
| <a href="https://uk.linkedin.com/in/rfitton" class="block p-4 w-full">LinkedIn</a> | ||
| </div> | ||
| </div> | ||
| <div class=" flex justify-center align-center "> | ||
| <div class=" flex justify-center align-center bg-gray-900 h-14 p-4 text-white mt-2 text-base w-1/2 rounded-2xl cursor-pointer transform transition-all duration-100 hover:scale-105"> <a href="https://twitter.com/siya_1255">Follow Me On Twitter</a></div> | ||
| <div class="flex justify-center align-center mb-4"> | ||
| <div class="flex justify-center align-center text-center bg-gray-900 text-white w-1/2 rounded-2xl cursor-pointer transform transition-all duration-100 hover:scale-105"> | ||
| <a href="https://keybase.io/ryanfitton" class="block p-4 w-full">Keybase</a> | ||
| </div> | ||
| </div> | ||
|
|
||
|
|
||
| <div class=" flex justify-center align-center h-12 p-4 font-bold text-lg cursor-text m-4" > Blogs</div> | ||
| <div class=" flex justify-center align-center "> | ||
| <div class=" flex justify-center align-center bg-gray-900 h-14 p-4 text-white mt-2 text-base w-1/2 rounded-2xl cursor-pointer transform transition-all duration-100 hover:scale-105 "> <a href="https://hashnode.com/@IshikaIshani">Hashnode</a></div> | ||
| <div class="flex justify-center align-center mb-4"> | ||
| <div class="flex justify-center align-center text-center bg-gray-900 text-white w-1/2 rounded-2xl cursor-pointer transform transition-all duration-100 hover:scale-105"> | ||
| <a href="https://status.ryanfitton.co.uk/" class="block p-4 w-full">Status Page</a> | ||
| </div> | ||
| </div> | ||
| <div class=" flex justify-center align-center "> | ||
| <div class=" flex justify-center align-center bg-gray-900 h-14 p-4 text-white mt-2 text-base w-1/2 rounded-2xl cursor-pointer transform transition-all duration-100 hover:scale-105"><a href="https://medium.com/@ishikaishani">Medium </a></div> | ||
| <div class="flex justify-center align-center mb-4"> | ||
| <div class="flex justify-center align-center text-center bg-gray-900 text-white w-1/2 rounded-2xl cursor-pointer transform transition-all duration-100 hover:scale-105"> | ||
| <a href="https://github.com/ryanfitton/" class="block p-4 w-full">Github</a> | ||
| </div> | ||
| </div> | ||
| <div class="flex justify-center align-center mb-4"> | ||
| <div class="flex justify-center align-center text-center bg-gray-900 text-white w-1/2 rounded-2xl cursor-pointer transform transition-all duration-100 hover:scale-105"> | ||
| <a href="https://mastodon.social/@ryanfitton" class="block p-4 w-full">Mastodon</a> | ||
| </div> | ||
| </div> | ||
| <div class="flex justify-center align-center mb-4"> | ||
| <div class="flex justify-center align-center text-center bg-gray-900 text-white w-1/2 rounded-2xl cursor-pointer transform transition-all duration-100 hover:scale-105"> | ||
| <a href="https://www.youtube.com/channel/UCVXmGnJsInwJicCeqaZiZmQ" class="block p-4 w-full">YouTube</a> | ||
| </div> | ||
| </div> | ||
| <div class="flex justify-center align-center mb-4"> | ||
| <div class="flex justify-center align-center text-center bg-gray-900 text-white w-1/2 rounded-2xl cursor-pointer transform transition-all duration-100 hover:scale-105"> | ||
| <a href="https://www.instagram.com/ryanfittonuk/" class="block p-4 w-full">Instagram</a> | ||
| </div> | ||
| </div> | ||
| <div class="flex justify-center align-center mb-4"> | ||
| <div class="flex justify-center align-center text-center bg-gray-900 text-white w-1/2 rounded-2xl cursor-pointer transform transition-all duration-100 hover:scale-105"> | ||
| <a href="https://www.threads.net/@ryanfittonuk" class="block p-4 w-full">Threads</a> | ||
| </div> | ||
| </div> | ||
| <div class="flex justify-center align-center mb-4"> | ||
| <div class="flex justify-center align-center text-center bg-gray-900 text-white w-1/2 rounded-2xl cursor-pointer transform transition-all duration-100 hover:scale-105"> | ||
| <a href="https://www.facebook.com/rfitton" class="block p-4 w-full">Facebook</a> | ||
| </div> | ||
| </div> | ||
| <div class="flex justify-center align-center mb-4"> | ||
| <div class="flex justify-center align-center text-center bg-gray-900 text-white w-1/2 rounded-2xl cursor-pointer transform transition-all duration-100 hover:scale-105"> | ||
| <a href="https://x.com/ryanfitton" class="block p-4 w-full">X (Twitter)</a> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class=" m-2 flex justify-center align-center h-16 p-4 font-bold text-lg"> Linktree</div> | ||
|
|
||
| </body> | ||
| </html> |