diff --git a/Easy/MayureshSurveIssue8/RetroCon.jpeg b/Easy/MayureshSurveIssue8/RetroCon.jpeg new file mode 100644 index 0000000..b3e6bd8 Binary files /dev/null and b/Easy/MayureshSurveIssue8/RetroCon.jpeg differ diff --git a/Easy/MayureshSurveIssue8/back.png b/Easy/MayureshSurveIssue8/back.png new file mode 100644 index 0000000..63eb9f3 Binary files /dev/null and b/Easy/MayureshSurveIssue8/back.png differ diff --git a/Easy/MayureshSurveIssue8/calc.png b/Easy/MayureshSurveIssue8/calc.png new file mode 100644 index 0000000..3c6c221 Binary files /dev/null and b/Easy/MayureshSurveIssue8/calc.png differ diff --git a/Easy/MayureshSurveIssue8/close.png b/Easy/MayureshSurveIssue8/close.png new file mode 100644 index 0000000..49a54a0 Binary files /dev/null and b/Easy/MayureshSurveIssue8/close.png differ diff --git a/Easy/MayureshSurveIssue8/gallery.png b/Easy/MayureshSurveIssue8/gallery.png new file mode 100644 index 0000000..f7051a6 Binary files /dev/null and b/Easy/MayureshSurveIssue8/gallery.png differ diff --git a/Easy/MayureshSurveIssue8/index.html b/Easy/MayureshSurveIssue8/index.html new file mode 100644 index 0000000..6fe3102 --- /dev/null +++ b/Easy/MayureshSurveIssue8/index.html @@ -0,0 +1,139 @@ + + + + + + Retro Personal Computer + + + + + + + + + +
+
+
+

My PC

+
+
+

Gallery

+
+
+

Calculator

+
+ +
+ +
+
+ +
+
+ + + + + + + + + +
+ + + +
+
+ + + + \ No newline at end of file diff --git a/Easy/MayureshSurveIssue8/mypc.png b/Easy/MayureshSurveIssue8/mypc.png new file mode 100644 index 0000000..82e13a5 Binary files /dev/null and b/Easy/MayureshSurveIssue8/mypc.png differ diff --git a/Easy/MayureshSurveIssue8/next.png b/Easy/MayureshSurveIssue8/next.png new file mode 100644 index 0000000..6fbfa42 Binary files /dev/null and b/Easy/MayureshSurveIssue8/next.png differ diff --git a/Easy/MayureshSurveIssue8/retro.css b/Easy/MayureshSurveIssue8/retro.css new file mode 100644 index 0000000..afe3288 --- /dev/null +++ b/Easy/MayureshSurveIssue8/retro.css @@ -0,0 +1,131 @@ +*{ + font-family: "Press Start 2P"; +} + +body{ + background: url(retrobg.jpeg) no-repeat center center fixed; + background-size: 100vw 100vh; + overflow: hidden; + margin: 2em 0em; +} + +.bg{ + width: 100vw; + height: 100vh; + align-items: center; + margin: 2em 0em; +} + +.home{ + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + gap: 3em; + width: 100vw; + height: 100vh; +} + +.app{ + display: flex; + flex-direction: column; + align-items: center; +} + +.appname{ + font-size: 0.7em; + text-align: center; + color: white; +} + +.homeimg, .back{ + width: 3.25em; + height: 3.25em; +} + + +.box{ + display: none; + margin-top: 3em; + margin-left: 3.5em; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + gap: 0.5em; + max-width:100vw; + max-height: 100vh; + width: 90%; + height: 80%; + padding: 0.75em; +} + +.back{ + position: absolute; + left: 5.25em; +} + +.gallery{ + display: grid; + grid-template-columns: repeat(3,1fr); + grid-template-rows: repeat(3,1fr); + gap: 2em; + height: auto; +} + +.userimg{ + width: 100%; + max-width: 7em; + height: auto; + border: 1px solid rgb(191, 191, 191); +} + +.popup{ + display: none; + z-index: 1000; + position: fixed; + top: 0; + left: 50%; + transform: translate(-50%,50%); + width: 22em; + height: 22em; + background-color: rgb(179, 179, 179); + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + border: 1px solid gray; +} + +.close, .prev, .next{ + width:2em; + height:2em; +} + +.close{ + background-color: rgb(169, 29, 29); + margin-right: 0.25em; +} + +.navbar, .slide{ + display: flex; + justify-content: space-between; + align-items: center; + width: 22em; + background-color: rgb(22, 22, 112); + border: 1px solid white; + border-left: 0; + border-right: 0; +} + +.popimg{ + margin-top: 0.25em; + width: 16em; + height: 16em; +} + +.name{ + color:white; + margin-left: 0.25em; +} \ No newline at end of file diff --git a/Easy/MayureshSurveIssue8/retrobg.jpeg b/Easy/MayureshSurveIssue8/retrobg.jpeg new file mode 100644 index 0000000..fb2c4d1 Binary files /dev/null and b/Easy/MayureshSurveIssue8/retrobg.jpeg differ diff --git a/Easy/MayureshSurveIssue8/vjti (1).jpeg b/Easy/MayureshSurveIssue8/vjti (1).jpeg new file mode 100644 index 0000000..8796032 Binary files /dev/null and b/Easy/MayureshSurveIssue8/vjti (1).jpeg differ diff --git a/Easy/MayureshSurveIssue8/vjti (2).jpeg b/Easy/MayureshSurveIssue8/vjti (2).jpeg new file mode 100644 index 0000000..edfa16f Binary files /dev/null and b/Easy/MayureshSurveIssue8/vjti (2).jpeg differ diff --git a/Easy/MayureshSurveIssue8/vjti (3).jpeg b/Easy/MayureshSurveIssue8/vjti (3).jpeg new file mode 100644 index 0000000..0c0b8b6 Binary files /dev/null and b/Easy/MayureshSurveIssue8/vjti (3).jpeg differ diff --git a/Easy/MayureshSurveIssue8/vjti (4).jpeg b/Easy/MayureshSurveIssue8/vjti (4).jpeg new file mode 100644 index 0000000..55a9ea6 Binary files /dev/null and b/Easy/MayureshSurveIssue8/vjti (4).jpeg differ diff --git a/Easy/MayureshSurveIssue8/vjti (5).jpeg b/Easy/MayureshSurveIssue8/vjti (5).jpeg new file mode 100644 index 0000000..1d26b9e Binary files /dev/null and b/Easy/MayureshSurveIssue8/vjti (5).jpeg differ diff --git a/Easy/MayureshSurveIssue8/vjti (6).jpeg b/Easy/MayureshSurveIssue8/vjti (6).jpeg new file mode 100644 index 0000000..d782f45 Binary files /dev/null and b/Easy/MayureshSurveIssue8/vjti (6).jpeg differ diff --git a/Easy/MayureshSurveIssue8/vjti (7).jpeg b/Easy/MayureshSurveIssue8/vjti (7).jpeg new file mode 100644 index 0000000..28f73a6 Binary files /dev/null and b/Easy/MayureshSurveIssue8/vjti (7).jpeg differ diff --git a/Easy/MayureshSurveIssue8/vjti (8).jpeg b/Easy/MayureshSurveIssue8/vjti (8).jpeg new file mode 100644 index 0000000..ca43ec4 Binary files /dev/null and b/Easy/MayureshSurveIssue8/vjti (8).jpeg differ diff --git a/Easy/MayureshSurveIssue8/vjti (9).jpeg b/Easy/MayureshSurveIssue8/vjti (9).jpeg new file mode 100644 index 0000000..3893009 Binary files /dev/null and b/Easy/MayureshSurveIssue8/vjti (9).jpeg differ