From ef4b2c40d9bc27a759e080955d24bdc13d15615a Mon Sep 17 00:00:00 2001 From: KrisHHFI Date: Wed, 21 Aug 2024 09:49:17 +0300 Subject: [PATCH] Updates --- 404.html | 2 +- Styling/Styling.css | 406 ++++++++++++++++++ .../_buildManifest.js | 0 .../_ssgManifest.js | 0 .../chunks/app/layout-154170701717878e.js | 1 + .../chunks/app/layout-3bea48545df0ece7.js | 1 - ...9d49ac0.js => webpack-c2c00c76efb61ad0.js} | 2 +- index.html | 2 +- index.txt | 2 +- 9 files changed, 411 insertions(+), 5 deletions(-) create mode 100644 Styling/Styling.css rename _next/static/{bR5W9PlWMwx9w_SANy2ga => Fr754PTsvjEkUUKiGSOgX}/_buildManifest.js (100%) rename _next/static/{bR5W9PlWMwx9w_SANy2ga => Fr754PTsvjEkUUKiGSOgX}/_ssgManifest.js (100%) create mode 100644 _next/static/chunks/app/layout-154170701717878e.js delete mode 100644 _next/static/chunks/app/layout-3bea48545df0ece7.js rename _next/static/chunks/{webpack-f2e29fd829d49ac0.js => webpack-c2c00c76efb61ad0.js} (77%) diff --git a/404.html b/404.html index b740e88..6d9c98d 100644 --- a/404.html +++ b/404.html @@ -1 +1 @@ -404: This page could not be found.Clock App

404

This page could not be found.

\ No newline at end of file +404: This page could not be found.Clock App

404

This page could not be found.

\ No newline at end of file diff --git a/Styling/Styling.css b/Styling/Styling.css new file mode 100644 index 0000000..5d4aebb --- /dev/null +++ b/Styling/Styling.css @@ -0,0 +1,406 @@ +body { + background-color: black; + margin: 0; +} + +.clock { + position: relative; + height: 100vh; + width: 100vw; + margin: auto; +} + +.clockCentre { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.clockCaseImage { + cursor: pointer; + clip-path: circle(21.3vw at center); + height: auto; + width: 47.7vw; +} + +.face { + height: 37.5vw; + width: 37.5vw; + background-color: #fffcf5; + border-radius: 50%; + cursor: pointer; +} + +/* ------------ alphanumerics ------------*/ + +.alphanumerics p { + color: black; + font-family: 'Times New Roman', Times, serif; + position: absolute; + transform: translate(-50%, -50%); + font-size: 2.1vw; + +} + +.date { + color: black; + position: absolute; + transform: translate(-50%, -50%); + font-family: 'Times New Roman', Times, serif; + font-size: 1.4vw; + top: 82%; + left: 50%; + border: 0.3vw solid #b37922; + padding: 0px 8px 0px 8px; +} + +.twelve { + top: 0; + left: 50%; +} + +.one { + top: 6%; + left: 72%; +} + +.two { + top: 21%; + left: 90%; +} + +.three { + top: 45%; + left: 96%; +} + +.four { + top: 68%; + left: 90%; +} + +.five { + top: 84%; + left: 73%; +} + +.six { + top: 90%; + left: 50%; +} + +.seven { + top: 84%; + left: 27%; +} + +.eight { + top: 68%; + left: 10%; +} + +.nine { + top: 45%; + left: 4%; +} + +.ten { + top: 22%; + left: 10%; +} + +.eleven { + top: 6%; + left: 28%; +} + +.signature { + top: 89%; + left: 50%; + height: auto; + width: 16.5vw; +} + +/* Hands */ + +.handBase { + height: 1.7vw; + width: 1.7vw; + background-color: black; + border-radius: 50%; +} + +.minuteHand { + background-color: black; + height: 2.7vw; + transform-origin: center bottom; + width: 0.5vw; +} + +.minuteHandInvertedPointer { + width: 0; + height: 0; + border-left: 0.5vw solid transparent; + border-right: 0.5vw solid transparent; + border-bottom: 2vw solid black; + position: absolute; + top: -2vw; + left: 50%; + transform: translateX(-50%) rotate(180deg); + transform-origin: center bottom; +} + +.minuteHandPointer { + width: 0; + height: 0; + border-left: 0.5vw solid transparent; + border-right: 0.5vw solid transparent; + border-bottom: 14.6vw solid black; + position: absolute; + top: -215px; + top: -14.5vw; + left: 50%; + transform: translateX(-50%); + transform-origin: center bottom; +} + +.hourHand { + height: 2.7vw; + width: 0.5vw; + background-color: black; + transform-origin: center bottom; +} + +.hourHandInvertedPointer { + width: 0; + height: 0; + border-left: 0.75vw solid transparent; + border-right: 0.75vw solid transparent; + border-bottom: 2vw solid black; + position: absolute; + top: -2vw; + left: 50%; + transform: translateX(-50%) rotate(180deg); + transform-origin: center bottom; +} + +.hourHandPointer { + width: 0; + height: 0; + border-left: 0.8vw solid transparent; + border-right: 0.8vw solid transparent; + border-bottom: 10.2vw solid black; + position: absolute; + top: -10.2vw; + left: 50%; + transform: translateX(-50%); + transform-origin: center bottom; +} + +.secondHand { + height: 17vw; + width: 0.5vw; + background-color: black; + transform-origin: center bottom; +} + +/* Gears */ + +.secondHandGearImage { + height: 6.5vw; + width: 6.5vw; +} + +.signedGearImage { + position: absolute; + top: 50%; + left: 83%; + transform: translate(-50%, -50%); + height: 10.1vw; + width: 10.1vw; +} + +.signedGearBulkierImage { + height: 12.2vw; + width: 12.2vw; + position: absolute; + top: 28%; + left: 28%; + transform: translate(-50%, -50%); +} + +.signedGearImageSmall { + height: 6.8vw; + width: 6.8vw; + position: absolute; + top: 72%; + left: 27%; + transform: translate(-50%, -50%); +} + +.secondHandGearImage2 { + position: absolute; + top: 50%; + left: 69%; + transform: translate(-50%, -50%); + height: 23vw; + width: 23vw; +} + +.minuteHandGearImage { + height: 12.3vw; + width: 12.3vw; +} + +.hourHandGearImage { + height: 18.8vw; + width: 18.8vw; +} + +.gears { + display: none; +} + +/* Signature Box */ +.ContactBox { + bottom: 10px; + color: white; + position: absolute; + right: 10px; +} + +.contactIcon { + height: auto; + transition: transform 0.3s ease, filter 0.3s ease; + width: 20px; +} + +.ContactBoxIconContainer { + padding-right: 20px; +} + +.contactIcon:hover { + transform: scale(1.2); +} + +.ContactBoxIcons { + display: flex; + align-items: center; + padding-bottom: 10px; +} + +.ContactBoxText {} + + +/* Clock Viewport */ +@media (max-width: 600px) { + .clockCaseImage { + clip-path: circle(38.34vw at center); + width: 85.86vw; + } + + .face { + height: 67.5vw; + width: 67.5vw; + } + + .alphanumerics p { + font-size: 3.78vw; + } + + .date { + font-size: 2.52vw; + border: 0.54vw solid #b37922; + } + + .signature { + width: 29.7vw; + } + + .handBase { + height: 2.89vw; + width: 2.89vw; + } + + .minuteHand { + height: 4.59vw; + width: 0.9vw; + } + + .minuteHandInvertedPointer { + border-left: 0.9vw solid transparent; + border-right: 0.9vw solid transparent; + border-bottom: 3.6vw solid black; + top: -3.6vw; + } + + .minuteHandPointer { + border-left: 0.9vw solid transparent; + border-right: 0.9vw solid transparent; + border-bottom: 26.1vw solid black; + top: -26.1vw; + } + + .hourHand { + height: 4.59vw; + width: 0.9vw; + /* Corrected width */ + } + + .hourHandInvertedPointer { + border-left: 1.35vw solid transparent; + border-right: 1.35vw solid transparent; + border-bottom: 3.6vw solid black; + top: -3.6vw; + } + + .hourHandPointer { + border-left: 1.2vw solid transparent; + /* Adjusted width */ + border-right: 1.2vw solid transparent; + /* Adjusted width */ + border-bottom: 15.75vw solid black; + top: -15.75vw; + } + + .secondHand { + height: 28.9vw; + width: 0.9vw; + } + + .secondHandGearImage { + height: 11.05vw; + width: 11.05vw; + } + + .signedGearImage { + height: 18.18vw; + width: 18.18vw; + } + + .signedGearBulkierImage { + height: 21.85vw; + width: 21.85vw; + } + + .signedGearImageSmall { + height: 12.24vw; + width: 12.24vw; + } + + .secondHandGearImage2 { + height: 39.1vw; + width: 39.1vw; + } + + .minuteHandGearImage { + height: 22.05vw; + width: 22.05vw; + } + + .hourHandGearImage { + height: 31.8vw; + width: 31.8vw; + } +} \ No newline at end of file diff --git a/_next/static/bR5W9PlWMwx9w_SANy2ga/_buildManifest.js b/_next/static/Fr754PTsvjEkUUKiGSOgX/_buildManifest.js similarity index 100% rename from _next/static/bR5W9PlWMwx9w_SANy2ga/_buildManifest.js rename to _next/static/Fr754PTsvjEkUUKiGSOgX/_buildManifest.js diff --git a/_next/static/bR5W9PlWMwx9w_SANy2ga/_ssgManifest.js b/_next/static/Fr754PTsvjEkUUKiGSOgX/_ssgManifest.js similarity index 100% rename from _next/static/bR5W9PlWMwx9w_SANy2ga/_ssgManifest.js rename to _next/static/Fr754PTsvjEkUUKiGSOgX/_ssgManifest.js diff --git a/_next/static/chunks/app/layout-154170701717878e.js b/_next/static/chunks/app/layout-154170701717878e.js new file mode 100644 index 0000000..5505632 --- /dev/null +++ b/_next/static/chunks/app/layout-154170701717878e.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[185],{4190:function(e,n,t){Promise.resolve().then(t.t.bind(t,4671,23)),Promise.resolve().then(t.t.bind(t,429,23))},429:function(){},4671:function(e){e.exports={style:{fontFamily:"'__Inter_13e773', '__Inter_Fallback_13e773'",fontStyle:"normal"},className:"__className_13e773"}}},function(e){e.O(0,[296,971,23,744],function(){return e(e.s=4190)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/app/layout-3bea48545df0ece7.js b/_next/static/chunks/app/layout-3bea48545df0ece7.js deleted file mode 100644 index 9452d60..0000000 --- a/_next/static/chunks/app/layout-3bea48545df0ece7.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[185],{5509:function(e,n,t){Promise.resolve().then(t.t.bind(t,4671,23)),Promise.resolve().then(t.t.bind(t,2957,23))},2957:function(){},4671:function(e){e.exports={style:{fontFamily:"'__Inter_13e773', '__Inter_Fallback_13e773'",fontStyle:"normal"},className:"__className_13e773"}}},function(e){e.O(0,[377,971,23,744],function(){return e(e.s=5509)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/webpack-f2e29fd829d49ac0.js b/_next/static/chunks/webpack-c2c00c76efb61ad0.js similarity index 77% rename from _next/static/chunks/webpack-f2e29fd829d49ac0.js rename to _next/static/chunks/webpack-c2c00c76efb61ad0.js index 117ad8d..815fbd3 100644 --- a/_next/static/chunks/webpack-f2e29fd829d49ac0.js +++ b/_next/static/chunks/webpack-c2c00c76efb61ad0.js @@ -1 +1 @@ -!function(){"use strict";var e,t,n,r,o,u,i,c,f,a={},l={};function d(e){var t=l[e];if(void 0!==t)return t.exports;var n=l[e]={exports:{}},r=!0;try{a[e](n,n.exports,d),r=!1}finally{r&&delete l[e]}return n.exports}d.m=a,e=[],d.O=function(t,n,r,o){if(n){o=o||0;for(var u=e.length;u>0&&e[u-1][2]>o;u--)e[u]=e[u-1];e[u]=[n,r,o];return}for(var i=1/0,u=0;u=o&&Object.keys(d.O).every(function(e){return d.O[e](n[f])})?n.splice(f--,1):(c=!1,o0&&e[u-1][2]>o;u--)e[u]=e[u-1];e[u]=[n,r,o];return}for(var i=1/0,u=0;u=o&&Object.keys(d.O).every(function(e){return d.O[e](n[f])})?n.splice(f--,1):(c=!1,oClock App
Clock Case

12

1

2

3

4

5

6

7

8

9

10

11

Signature
Hour Hand GearSigned Gear SmallSigned GearMinute Hand GearSigned Gear BulkierSecond Hand GearSecond Hand Gear 2
Envelope IconGitHub IconLinkedIn Icon
Kristopher Pepper 2024
\ No newline at end of file +Clock App
Clock Case

12

1

2

3

4

5

6

7

8

9

10

11

Signature
Hour Hand GearSigned Gear SmallSigned GearMinute Hand GearSigned Gear BulkierSecond Hand GearSecond Hand Gear 2
Envelope IconGitHub IconLinkedIn Icon
Kristopher Pepper 2024
\ No newline at end of file diff --git a/index.txt b/index.txt index b41fab2..7367dff 100644 --- a/index.txt +++ b/index.txt @@ -2,6 +2,6 @@ 3:I[4755,["648","static/chunks/648-543e46e2702455cd.js","931","static/chunks/app/page-eb87604f25367ddb.js"],"default"] 4:I[9275,[],""] 5:I[1343,[],""] -0:["bR5W9PlWMwx9w_SANy2ga",[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",true],["",{"children":["__PAGE__",{},[["$L1",["$","main",null,{"children":[["$","$L2",null,{}],["$","$L3",null,{}]]}]],null],null]},[["$","html",null,{"lang":"en","children":["$","body",null,{"className":"__className_13e773","children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]}],null],null],[[["$","link","0",{"rel":"stylesheet","href":"/NextJS-Clock-App/_next/static/css/93b1d342c36aca4b.css","precedence":"next","crossOrigin":"$undefined"}]],[null,"$L6"]]]]] +0:["Fr754PTsvjEkUUKiGSOgX",[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",true],["",{"children":["__PAGE__",{},[["$L1",["$","main",null,{"children":[["$","$L2",null,{}],["$","$L3",null,{}]]}]],null],null]},[["$","html",null,{"lang":"en","children":["$","body",null,{"className":"__className_13e773","children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]}],null],null],[[["$","link","0",{"rel":"stylesheet","href":"/NextJS-Clock-App/_next/static/css/93b1d342c36aca4b.css","precedence":"next","crossOrigin":"$undefined"}]],[null,"$L6"]]]]] 6:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Clock App"}],["$","meta","3",{"name":"description","content":"Generated by create next app"}],["$","link","4",{"rel":"icon","href":"/favicon.ico","type":"image/x-icon","sizes":"16x16"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:null