Repository: bhargav-tibadiya/Clock
Branch: main
Commit: c4f07ea453f3
Files: 4
Total size: 3.1 KB
Directory structure:
gitextract_90u2w5lc/
├── .gitattributes
├── index.html
├── script.js
└── style.css
================================================
FILE CONTENTS
================================================
================================================
FILE: .gitattributes
================================================
# Auto detect text files and perform LF normalization
* text=auto
================================================
FILE: index.html
================================================
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Clock</title>
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="letterb.jpeg"/>
</head>
<body>
<div class="wrapper">
<div class="container">
<div class="clock">
<div class="bg">
<div id="hour"></div>
</div>
</div>
<div class="clock">
<div class="bg">
<div id="minute"></div>
</div>
</div>
<div class="clock">
<div class="bg">
<div id="second"></div>
</div>
</div>
<div class="clock">
<div class="bg">
<div id="ampm"></div>
</div>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>
================================================
FILE: script.js
================================================
let hour = document.getElementById('hour');
let minute = document.getElementById('minute');
let second = document.getElementById('second');
let ampm = document.getElementById('ampm');
setInterval(()=>{
let h = new Date().getHours();
let m = new Date().getMinutes();
let s = new Date().getSeconds();
let ap = h >=12 ? "PM" : "AM";
h = h>12 ? h-12:h;
h = h<=9 ? "0"+h:h;
m = m<=9 ? "0"+m:m;
s = s<=9 ? "0"+s:s;
hour.innerText = h;
minute.innerText = m;
second.innerText = s;
ampm.innerText = ap;
});
================================================
FILE: style.css
================================================
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Anton', sans-serif;
}
.wrapper{
width: 100%;
height: 100vh;
display: flex;
justify-content: space-between;
align-items: center;
background-color: #acbaca;
}
.container{
width: 100%;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
gap: 25px;
}
.clock
{
width: 150px;
height: 150px;
background-color: #c9d5e0;
display: flex;
justify-content: center;
align-items: center;
border-radius: 30px;
box-shadow: 20px 20px 20px -10px rgba(0, 0, 0, 0.15),inset 15px 15px 10px rgba(255, 255, 255, 0.5),-15px -15px 35px rgba(255, 255, 255, 0.35), inset -1px -1px 10px rgba(0,0,0,0.2);
}
.bg{
width: 125px;
height: 125px;
background-color: #152b4a;
display: flex;
justify-content: center;
align-items: center;
border-radius: 20px;
box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.15),inset 5px 5px 10px rgba(255, 255, 255, 0.5),-5px -5px 15px rgba(255, 255, 255, 0.35), inset -1px -1px 10px rgba(0,0,0,0.2);
font-size: 62px;
/* font-weight: 800; */
color: white;
letter-spacing: 2px;
}
#hour{
color: #ff2972;
}
#minute{
color: #fee800;
}
#second{
color: transparent;
-webkit-text-stroke: 1px #04fc43;
}
@media only screen and (max-width: 600px) {
.container{
flex-direction: column;
}
}
gitextract_90u2w5lc/ ├── .gitattributes ├── index.html ├── script.js └── style.css
Condensed preview — 4 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (4K chars).
[
{
"path": ".gitattributes",
"chars": 66,
"preview": "# Auto detect text files and perform LF normalization\n* text=auto\n"
},
{
"path": "index.html",
"chars": 1034,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width"
},
{
"path": "script.js",
"chars": 557,
"preview": "let hour = document.getElementById('hour');\nlet minute = document.getElementById('minute');\nlet second = document.getEle"
},
{
"path": "style.css",
"chars": 1533,
"preview": "@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap'); \n\n*{\n margin: 0;\n padding: 0;\n box"
}
]
About this extraction
This page contains the full source code of the bhargav-tibadiya/Clock GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 4 files (3.1 KB), approximately 1.1k tokens. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.