Skip to content

Instantly share code, notes, and snippets.

@james-see

james-see/fullindex.html

Last active March 13, 2023 05:16
Show Gist options
  • Save james-see/53f03d5d8f5b563137622277122e208a to your computer and use it in GitHub Desktop.
Save james-see/53f03d5d8f5b563137622277122e208a to your computer and use it in GitHub Desktop.
Download ZIP
JCHOME
Raw
fullindex.html
<!DOCTYPE html>
<head>
<style>
body {
background: rgb(0, 0, 0);
overflow: hidden;
font-family: "Times", serif;
margin: 5px;
}
html, body { height: 100%; }
.containerinner {
height: 500px;
width: auto;
/* background: gray; */
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
overflow-x: hidden;
word-wrap: break-word;
}
.text {
width: 500px;
height: 500px;
line-height: 14px;
background: url("https://r2.avatarai.me/2022-11-05-16-28-30-jamesanthonycampbell-at-icloud-dot-com-576wuvwyr2nrytoh576wt9kl3nl93kj4-10.jpg");
-webkit-background-clip: text;
background-attachment: local;
background-repeat: no-repeat;
-webkit-text-fill-color: rgba(255, 255, 255, 0);
background-size: 450px;
padding-top: 5px;
overflow-x: hidden;
word-wrap: break-word;
}
.list {
color: yellow;
display: block;
align: float;
}
ul, li {
list-style: none;
}
a, a:visited {
color: yellow;
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body style="background-color: #1B3409; opacity:1;">
<div class="containerinner">
<div class="text"></div>
<div class="list">
<ul>
<li><a href="https://github.com/james-see">github</a></li>
<li><a href="https://www.linkedin.com/in/james-a-campbell/">linkedin</a></li>
</ul>
</div>
<script>
let str = "VERITAS";
document.querySelector(".text").innerHTML = str.repeat(500);
</script>
</body>
Raw
index.html
<body style="background-color: #1B3409; opacity:1;">
<div class="containerinner">
<div class="text"></div>
<div class="list">
<ul>
<li><a href="https://github.com/james-see">github</a></li>
<li><a href="https://www.linkedin.com/in/james-a-campbell/">linkedin</a></li>
</ul>
</div>
</body>
Raw
jchome.markdown
Raw
script.js
let str = "VERITAS";
document.querySelector(".text").innerHTML = str.repeat(500);
Raw
style.css
body {
background: rgb(0, 0, 0);
overflow: hidden;
font-family: "Times", serif;
margin: 5px;
}
html, body { height: 100%; }
.containerinner {
height: 500px;
width: auto;
/* background: gray; */
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
overflow-x: hidden;
word-wrap: break-word;
}
.text {
width: 500px;
height: 500px;
line-height: 14px;
background: url("https://r2.avatarai.me/2022-11-05-16-28-30-jamesanthonycampbell-at-icloud-dot-com-576wuvwyr2nrytoh576wt9kl3nl93kj4-10.jpg");
-webkit-background-clip: text;
background-attachment: local;
background-repeat: no-repeat;
-webkit-text-fill-color: rgba(255, 255, 255, 0);
background-size: 450px;
padding-top: 5px;
overflow-x: hidden;
word-wrap: break-word;
}
.list {
color: yellow;
display: block;
align: float;
}
ul, li {
list-style: none;
}
a, a:visited {
color: yellow;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment