Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@GidiRabi
GidiRabi authored Apr 2, 2024
1 parent 1b49360 commit 41e340f
Show file tree
Hide file tree
Showing 6 changed files with 77 additions and 47 deletions.
11 changes: 11 additions & 0 deletions css/style.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -464,6 +464,17 @@ a:focus {
width: 100%;
}
}

.popover-show {
visibility: visible;
opacity: 1;
}

.popover-hide {
visibility: hidden;
opacity: 0;
}

}

.popover{
Expand Down
Binary file added images/close-button.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 images/mail.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 images/tabicon.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 images/telephone.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.
113 changes: 66 additions & 47 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,8 @@
<meta name="description" content="" />
<meta name="author" content="" />

<link rel="icon" type="image/png" href="images/tabicon.png">

<title>Gidi</title>

<!-- slider stylesheet -->
Expand Down Expand Up @@ -123,8 +125,8 @@ <h2>
<div class="design_container layout_padding2">
<div class="box b-1">
<h5>
Problem <br />
Solver
Rising <br />
Full-Stacker
</h5>
</div>
<div class="box b-2">
Expand Down Expand Up @@ -164,21 +166,18 @@ <h2>
absolutely loving it. From coding to algorithms, I've been fascinated by the endless possibilities
also getting some unique characteristics like problem-solving and thinking out of the box.
<br> <br>
As I step into this new chapter, I'll admit, I don't have all the answers about
where I'll be in five years. But what I do know is this: I'm passionate about tech,
eager to tackle any challenge, and always hungry to learn. Whether it's coding,
problem-solving, or just embracing the unexpected twists and turns along the way, count me in!
As I step into this new chapter, I'm aware that the future holds countless opportunities and challenges.
I'm deeply passionate about technology, eager to tackle any challenge, and committed to continuous
learning. Whether it's coding, problem-solving, or just embracing the unexpected twists and turns
along the way, count me in!
<br> <br>
More than anything, I'm excited to be part of a team, to collaborate, to share ideas,
and to create something truly special together. So, here's to new beginnings, endless
possibilities, and the exciting journey ahead!
</p>
</div>
<img src="images/Aboutme.png" alt="" />

<img src="images/Aboutme.png" alt="" style="max-width: 100%; height: auto;" /> </div>
</div>
</div>

</section>

<!-- end about section -->
Expand All @@ -196,19 +195,19 @@ <h2>
<div class="project_container layout_padding2-top">

<div class="box">
<button popovertarget="popover1">
<img src="images/pacman.jpeg" alt="" />
<button popovertarget="popover1" style="background: transparent; border: none; outline: none;">
<img src="images/pacman.jpeg" style="border-radius: 5%; border: 2px solid black;" alt="" />
</button>
</div>
<div class="w-2/3 rounded-md text-center" id="popover1" popover>
<div class="content">
<div>
<h3>Pac Man</h3>
<h3 style="text-decoration: underline;"><strong>Pac Man</strong></h3>
<br>
<p>
This is a project I've been working on for a while now. It's a simple
game of Pacman, but with a twist. I've added some new features and
improved the gameplay. Check it out!
This is a project I've worked on. It's a simple game of Pacman,
implementing the game's logic and GUI. Showing my skills in OOP and
Java programming. Check it out!
</p>
<br><br>
<a href="https://github.com/GidiRabi/Pacman"
Expand All @@ -220,20 +219,25 @@ <h3>Pac Man</h3>
</div>
</div>





<div class="box">
<button popovertarget="popover2">
<img src="images/calculator.jpeg" alt="" />
<button popovertarget="popover2" style="background: transparent; border: none; outline: none;">
<img src="images/calculator.jpeg" style="border-radius: 5%; border: 2px solid black;" alt="" />
</button>
</div>
<div class="w-2/3 rounded-md text-center" id="popover2" popover>
<div class="content">
<div>
<h3>Scientific Calculator</h3>
<h3 style="text-decoration: underline;"><strong>Scientific Calculator</strong></h3>
<br>
<p>
This is a project I've been working on for a while now. It's a simple
scientific calculator, but with a twist. I've added some new features and
improved the functionality. Check it out!
This is a small project I've been working on for a while now. It's a
scientific calculator, letting you perform advanced calculations.
<br>(At the moment code have problems with some equations)
But you can still try it out!
</p>
<br><br>
<a href="https://github.com/GidiRabi/Calculator"
Expand All @@ -245,20 +249,21 @@ <h3>Scientific Calculator</h3>
</div>
</div>


<div class="box">
<button popovertarget="popover3">
<img src="images/viking-chess.jpeg" alt="" />
<button popovertarget="popover3" style="background: transparent; border: none; outline: none;">
<img src="images/viking-chess.jpeg" style="border-radius: 5%; border: 2px solid black;" alt="" />
</button>
</div>
<div class="w-2/3 rounded-md text-center" id="popover3" popover>
<div class="content">
<div>
<h3>Viking Chess</h3>
<div>
<h3 style="text-decoration: underline;"><strong>Viking Chess</strong></h3>
<br>
<p>
This is a project I've been working on for a while now. It's a simple
game of Viking Chess, but with a twist. I've added some new features and
improved the gameplay. Check it out!
This is a project I've worked on. It's a game called Viking Chess.
I've implemented the logic and GUI of the game. It was a fun project
to work on. Give it a go!
</p>
<br><br>
<a href="https://github.com/GidiRabi/SecondYearAss/tree/c3f1bbbee525bbb534a328791da00d4962c9a1e4/SecondYearAss/Semester_A/OOP/Assignment1_VikingChess"
Expand All @@ -270,20 +275,21 @@ <h3>Viking Chess</h3>
</div>

<div class="box">
<button popovertarget="popover4">
<img src="images/drawing-board.jpeg" alt="" />
<button popovertarget="popover4" style="background: transparent; border: none; outline: none;">
<img src="images/drawing-board.jpeg" style="border-radius: 5%; border: 2px solid black;" alt="" />
</button>
</div>
<div class="w-2/3 rounded-md text-center" id="popover4" popover>
<div class="content">
<div>
<h3>2D Drawing Board</h3>
<br>
<p>
This is a project I've been working on for a while now. It's a simple
2D Drawing Board, but with a twist. I've added some new features and
improved the functionality. Check it out!
</p>
<div>
<h3 style="text-decoration: underline; padding-left: 5%;"><strong>2D Drawing Board</strong></h3>
<br>
<p style="padding-left: 5%;">
This is a project I've worked on. It's a 2D drawing board, where you
can draw shapes and lines. I've implemented the logic and GUI of the
board, you can choose different colors and arrange them in different ways.
Let your creativity flow!
</p>
<br><br>
<a href="https://github.com/GidiRabi/FirstYearAss/tree/f437800344a0519804eb3c8be8513f8f01a3532e/Assignment4"
target="_blank">Code Source</a>
Expand All @@ -303,6 +309,7 @@ <h3>2D Drawing Board</h3>
</div>
</div>


<style>

#popover1 .content {
Expand All @@ -315,17 +322,24 @@ <h3>2D Drawing Board</h3>
width: 50%;
}

#popover1:target {
display: none;
visibility: visible;
opacity: 1;
}

#popover1{
border-radius: 10px;
&:popover-open{

width: 50%;
width: 40%;
opacity: 1;
animation: slide 500ms ease-out;
}
opacity: 0;
transition: opacity 0.5s, transform 0.5s, display 0.5s,
cubic-bezier(0.075, 0.82, 0.165, 1);

}

@keyframes slide {
Expand All @@ -338,10 +352,12 @@ <h3>2D Drawing Board</h3>
transform: translateY(0rem);
}
}

</style>

<style>


#popover2 .content {
display: flex;
justify-content: space-between ;
Expand All @@ -355,7 +371,7 @@ <h3>2D Drawing Board</h3>
#popover2{
border-radius: 10px;
&:popover-open{
width: 50%; /* Adjust this value as needed */
width: 40%; /* Adjust this value as needed */
opacity: 1;
animation: slide 500ms ease-out;
}
Expand Down Expand Up @@ -391,7 +407,7 @@ <h3>2D Drawing Board</h3>
#popover3{
border-radius: 10px;
&:popover-open{
width: 50%; /* Adjust this value as needed */
width: 40%; /* Adjust this value as needed */
opacity: 1;
animation: slide 500ms ease-out;
}
Expand Down Expand Up @@ -427,7 +443,7 @@ <h3>2D Drawing Board</h3>
#popover4{
border-radius: 10px;
&:popover-open{
width: 50%; /* Adjust this value as needed */
width: 40%; /* Adjust this value as needed */
opacity: 1;
animation: slide 500ms ease-out;
}
Expand Down Expand Up @@ -483,10 +499,10 @@ <h3>2D Drawing Board</h3>
<!-- </section>-->

<!-- end expand section -->
<div>
<hr class="section_hr" />
</div>
<br/> <br> <br>
<!-- <div>-->
<!-- <hr class="section_hr" />-->
<!-- </div>-->
<!-- <br/> <br> <br>-->
<!-- end blog section -->

<!-- contact section -->
Expand All @@ -502,8 +518,11 @@ <h2>
</div>
<br/> <br>
<div class="btn-box" style="text-align: center;">
<img src="images/mail.png" alt="">
<a href="mailto:[email protected]" style="color: black;">Click here to send an Email</a>
</a>
<br><br>
<p> <img src="images/telephone.png" alt=""> Call me: +972 54-466-7995</p>
</div>
</div>
</section>
Expand Down

0 comments on commit 41e340f

Please sign in to comment.