Skip to content

Improved links UI - closes #9 #11

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Oct 13, 2021
Merged

Improved links UI - closes #9 #11

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 5 additions & 4 deletions blogs.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,16 +33,17 @@ <h1 class="hero-heading"> <span class="highlight">Blogs</span></h1>

<section class="section">
<h2 class="project-heading">Web Development Blogs By Codersaty</h2>
<p class="description">Collection of all web development blogs
written by me.<a target="_blank" href="https://qdl0f.csb.app/" class="link primary-link">See All</a>
<p class="description mb-2">Collection of all web development blogs
written by me.
</p>
<p><a target="_blank" href="https://qdl0f.csb.app/" class="link primary-link">See All</a></p>
</section>
<section class="section">
<h2 class="project-heading">DSA and Programming Blogs</h2>
<p class="description">
<p class="description mb-2">
Collection of all Data Structure, Algorithm and Programming Blogs written by me.
<a target="_blank" href="https://v2gbv.csb.app/" class="link primary-link">See All</a>
</p>
<p><a target="_blank" href="https://v2gbv.csb.app/" class="link primary-link">See All</a></p>
</section>
<div class="center-container">
<a target="_blank" href="https://auth.geeksforgeeks.org/user/CoderSaty/articles" class="blog-button">See Other
Expand Down
13 changes: 6 additions & 7 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,8 @@ <h1>About</h1>
</section>
<section class="section off-white ">
<h1>How to Contribute?..</h1>
<p>In order to contribute click the button below
<p class="mb-2">In order to contribute click the button below</p>
<p class="mb-2">
<a target="_blank" href="https://github.com/CoderSaty/LevelZeroPortfolio/blob/main/CONTRIBUTING.md"
class="link primary-link">Contribute</a>
</p>
Expand All @@ -63,18 +64,16 @@ <h1>Technology Stack</h1>
</section>
<section class="section off-white">
<h1>Projects</h1>
<p>I have developed many projects. If you are excited to see them. Click on the button below

<a href="project.html" class="link primary-link">See Projects </a>
</p>
<p class="mb-2">I have developed many projects. If you are excited to see them. Click on the button below</p>
<p class="mb-2"><a href="project.html" class="link primary-link">See Projects </a></p>

</section>
<section class="section">
<h1>Blogs</h1>
<p>I love to share my experience and knowledge with the world. I have wriiten various tech and non tech blogs.
<p class="mb-2">I love to share my experience and knowledge with the world. I have wriiten various tech and non tech blogs.
If you are excited to read them. Click the button below.
<a href="blogs.html" class="link secondary-link">Read Blogs</a>
</p>
<p class="mb-2"><a href="blogs.html" class="link secondary-link">Read Blogs</a></p>

</section>
<footer class="footer">
Expand Down
49 changes: 36 additions & 13 deletions project.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,8 +36,10 @@ <h2 class="project-heading">Simon Game</h2>
<strong class="highlight-white">Tech Stack Used:</strong> <em>HTML5, CSS, jQuery
</em>
</p>
<p class="description">
<p class="description mb-2">
A simple web app created mainly using jQuery to make a virtual Simon Game.
</p>
<p>
<a target="_blank" href="https://codersaty.github.io/Simon-Game/" class="link primary-link">Live Demo</a>
<a target="_blank" href="https://github.com/CoderSaty/Simon-Game" class="link secondary-link">View
Source</a>
Expand All @@ -52,15 +54,16 @@ <h2 class="project-heading">Best Indian Cricket Team 11</h2>
<strong class="highlight-white">Tech Stack Used:</strong> <em>HTML5, CSS, React.js, codesandbox, JSX
</em>
</p>
<p class="description">
<p class="description mb-2">
A simple web app created mainly using React.js to tell the best Indian 11 when India has to play all the
matches at the same time.
</p>
<p>
<a target="_blank" href="https://bol2n.csb.app/" class="link primary-link">Live Demo</a>
<a target="_blank" href="https://codesandbox.io/s/distracted-rubin-bol2n?file=/src/App.js"
class="link secondary-link">View Source</a>
<a target="_blank" href="https://codersaty.github.io/Portfolio/" class="link primary-link">Created By</a>
</p>

</section>

<section class="section">
Expand All @@ -71,9 +74,11 @@ <h2 class="project-heading">Emoji Adder</h2>
API
</em>
</p>
<p class="description">
<p class="description mb-2">
A simple web app created mainly using Vanilla javascript to add meaningful emojis to your message to make it
more intresting for the reader to read it.
</p>
<p>
<a target="_blank" href="https://codersaty.github.io/EmojiAdder/" class="link primary-link">Live Demo</a>
<a target="_blank" href="https://github.com/CoderSaty/EmojiAdder" class="link secondary-link">View
Source</a>
Expand All @@ -90,10 +95,12 @@ <h2 class="project-heading">Clock Pedia</h2>
<strong class="highlight-white">Tech Stack Used:</strong> <em>HTML5, CSS, React.js, codesandbox, JSX
</em>
</p>
<p class="description">
<p class="description mb-2">
A simple web app created mainly using React.js to tell the meaning of the clock emojis generally used in
online
chats. Enter any clock emoji in the search bar and hit the button to know what does it mean.
</p>
<p>
<a target="_blank" href="https://i3r5h.csb.app/" class="link primary-link">Live Demo</a>
<a target="_blank" href="https://codesandbox.io/s/clockpedia-i3r5h?file=/src/App.js"
class="link secondary-link">View Source</a>
Expand All @@ -109,9 +116,11 @@ <h2 class="project-heading">Talk to Minions</h2>
Git
</em>
</p>
<p class="description">
<p class="description mb-2">
A simple web app developed using Vanilla JS to convert a message in english to gibberish language which is
used by minions.
</p>
<p>
<a target="_blank" href="https://codersaty.github.io/BananaTalk/" class="link primary-link">Live Demo</a>
<a target="_blank" href="https://github.com/CoderSaty/BananaTalk" class="link secondary-link">View
Source</a>
Expand All @@ -126,9 +135,11 @@ <h2 class="project-heading">Conflict Resolver</h2>
<strong class="highlight-white">Tech Stack Used:</strong> <em> JS, HTML5 , CSS
</em>
</p>
<p class="description">
<p class="description mb-2">
A simple web app developed using Vanilla JS to act as a virtual toss for two person or team to decide on any
issue.
</p>
<p>
<a target="_blank" href="https://codersaty.github.io/conflictResolver/" class="link primary-link">Live
Demo</a>
<a target="_blank" href="https://github.com/CoderSaty/conflictResolver" class="link secondary-link">View
Expand All @@ -144,8 +155,10 @@ <h2 class="project-heading">JavaScript Quiz</h2>
<strong class="highlight-white">Tech Stack Used:</strong> <em> JS, Node.js and Repl.it
</em>
</p>
<p class="description">
<p class="description mb-2">
A CLI app to test your knowledge of JavaScript. There are two levels. Play the game to see your JS skills.
</p>
<p>
<a target="_blank" href="https://replit.com/@codersaty/JSQuiz?embed=1&output=1"
class="link primary-link">Live Demo</a>
<a target="_blank" href="https://github.com/CoderSaty/Lec1QuizJS" class="link secondary-link">View
Expand All @@ -162,9 +175,11 @@ <h2 class="project-heading">Know Me</h2>
<strong class="highlight-white">Tech Stack Used:</strong> <em>JS, Node.js and Repl.it
</em>
</p>
<p class="description">
<p class="description mb-2">
A simple CLI app I created to test my friend that how well they know me. Its a fun quiz. If you dont know me
play to find out some intresting things about me.
</p>
<p>
<a target="_blank" href="https://replit.com/@codersaty/KnowMe?embed=1&output=1"
class="link primary-link">Live Demo</a>
<a target="_blank" href="https://github.com/CoderSaty/Lec1QuizMe" class="link secondary-link">View
Expand All @@ -182,8 +197,10 @@ <h2 class="project-heading">Hang Man React</h2>
<strong class="highlight-white">Tech Stack Used:</strong> <em>React, JS, Html, Css
</em>
</p>
<p class="description">
<p class="description mb-2">
Hang Man Game Build Using Modern React concepts like hooks, functional components, use state, use effect hooks.
</p>
<p>
<a target="_blank" href="https://laughing-shannon-47ab98.netlify.app/"
class="link primary-link">Live Demo</a>
<a target="_blank" href="https://github.com/naveen701526/hang-man-react" class="link secondary-link">View
Expand All @@ -200,8 +217,10 @@ <h2 class="project-heading">Hulu Clone</h2>
<strong class="highlight-white">Tech Stack Used:</strong> <em>JS, HTML, CSS
</em>
</p>
<p class="description">
<p class="description mb-2">
Basic Design Clone of Hulu OTT Platform(Fully Static).
</p>
<p>
<a target="_blank" href="https://ap-darknight.github.io/hulu-clone/"
class="link primary-link">Live Demo</a>
<a target="_blank" href="https://github.com/ap-darknight/hulu-clone" class="link secondary-link">View
Expand All @@ -217,8 +236,10 @@ <h2 class="project-heading">Image Gallery</h2>
<strong class="highlight-white">Tech Stack Used:</strong> <em>JS, Html, Bootstrap
</em>
</p>
<p class="description">
<p class="description mb-2">
image gallery to search an integrated random image from Pixabay API
</p>
<p>
<a target="_blank" href="https://images-gallery-api.netlify.app/"
class="link primary-link">Live Demo</a>
<a target="_blank" href="https://github.com/kingkinfajarr/image-gallery" class="link secondary-link">View
Expand All @@ -236,8 +257,10 @@ <h2 class="project-heading">Mini Audio Player</h2>
<strong class="highlight-white">Tech Stack Used:</strong> <em>JS, Html, CSS
</em>
</p>
<p class="description">
<p class="description mb-2">
Play/Pause Audio and bookmark Audio points.
</p>
<p>
<a target="_blank" href="https://mort-adarsh.github.io/audio/"
class="link primary-link">Live Demo</a>
<a target="_blank" href="https://github.com/mort-adarsh/audio" class="link secondary-link">View
Expand Down
11 changes: 8 additions & 3 deletions style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,10 @@

}
/* Default styling Remover */
* {
box-sizing: border-box;
}

body{
margin:0;
padding:0;
Expand All @@ -34,21 +38,18 @@ hr{
}
.primary-link,.secondary-link
{
display:block;
margin: 2rem 0rem;
}
.primary-link
{
background-color:var(--primary-color);
padding:1rem;
max-width:90px;
border-radius:1rem;
color:var(--white);
}
.secondary-link
{
padding:1rem;
max-width:90px;
border: 1.5px solid var(--primary-color);
border-radius:1rem;
color:var(--primary-color);
Expand Down Expand Up @@ -161,4 +162,8 @@ padding-bottom:1rem;
}
.center-container {
padding: 2rem;
}

.mb-2 {
margin-bottom: 2rem !important;
}