diff --git a/my-app/src/css/contact.css b/my-app/src/css/contact.css
index cb5af5c..4a6a460 100644
--- a/my-app/src/css/contact.css
+++ b/my-app/src/css/contact.css
@@ -23,11 +23,24 @@
display: flex;
justify-content: center;
align-items: center;
- text-align: center
+ text-align: center;
/* vertical-align: middle */
/* align-self: center; */
}
+.contact_box {
+ transition-property: transform;
+ transition: all 200ms ease;
+
+ &:hover {
+ transform: scale(1.1);
+ border-bottom: 2px solid;
+ }
+ /* vertical-align: middle */
+ /* align-self: center; */
+}
+
+
.contact_badge {
margin-top: 3vh;
}
\ No newline at end of file
diff --git a/my-app/src/img/ansible.webp b/my-app/src/img/ansible.webp
new file mode 100644
index 0000000..ca6dc1e
Binary files /dev/null and b/my-app/src/img/ansible.webp differ
diff --git a/my-app/src/img/bash.png b/my-app/src/img/bash.png
new file mode 100644
index 0000000..22540eb
Binary files /dev/null and b/my-app/src/img/bash.png differ
diff --git a/my-app/src/img/cube3d.png b/my-app/src/img/cube3d.png
new file mode 100644
index 0000000..348cbc1
Binary files /dev/null and b/my-app/src/img/cube3d.png differ
diff --git a/my-app/src/img/cube3d_2.png b/my-app/src/img/cube3d_2.png
new file mode 100644
index 0000000..1830dcb
Binary files /dev/null and b/my-app/src/img/cube3d_2.png differ
diff --git a/my-app/src/pages/contact.tsx b/my-app/src/pages/contact.tsx
index 0f021e8..ac95ffe 100644
--- a/my-app/src/pages/contact.tsx
+++ b/my-app/src/pages/contact.tsx
@@ -9,19 +9,21 @@ function Contact()
{t("contact_me")}
- kinou-p
-
-
-
)
diff --git a/my-app/src/pages/projects/cloud_1.tsx b/my-app/src/pages/projects/cloud_1.tsx
index bf06c64..9c6ada4 100644
--- a/my-app/src/pages/projects/cloud_1.tsx
+++ b/my-app/src/pages/projects/cloud_1.tsx
@@ -1,5 +1,5 @@
import { useTranslation } from 'react-i18next';
-import img from '../../img/omv_dashboard.png';
+import img from '../../img/ansible.webp';
function Cloud_1()
{
@@ -12,15 +12,13 @@ function Cloud_1()
-
+
+
-
-
-
-
+
diff --git a/my-app/src/pages/projects/cube3d.tsx b/my-app/src/pages/projects/cube3d.tsx
index cccb010..10807d4 100644
--- a/my-app/src/pages/projects/cube3d.tsx
+++ b/my-app/src/pages/projects/cube3d.tsx
@@ -1,5 +1,5 @@
import { useTranslation } from 'react-i18next';
-import img from '../../img/omv_dashboard.png';
+import img from '../../img/cube3d_2.png';
function Cube3d()
{
@@ -16,11 +16,10 @@ function Cube3d()
-
-
-
-
-
+
+
+
+
diff --git a/my-app/src/pages/projects/minishell.tsx b/my-app/src/pages/projects/minishell.tsx
index 9756efe..19518b9 100644
--- a/my-app/src/pages/projects/minishell.tsx
+++ b/my-app/src/pages/projects/minishell.tsx
@@ -1,5 +1,5 @@
import { useTranslation } from 'react-i18next';
-import img from '../../img/omv_dashboard.png';
+import img from '../../img/bash.png';
function Minishell()
{
@@ -16,11 +16,9 @@ function Minishell()
-
-
-
-
-
+
+
+
diff --git a/my-app/src/pages/projects/nas.tsx b/my-app/src/pages/projects/nas.tsx
index d7fe280..a7b2bd4 100644
--- a/my-app/src/pages/projects/nas.tsx
+++ b/my-app/src/pages/projects/nas.tsx
@@ -15,12 +15,12 @@ function Nas()
-
+
-
-
-
+
+
+