Skip to content

Commit

Permalink
Initial commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@chooj743
chooj743 committed Sep 11, 2020
0 parents commit 2fa003c
Show file tree
Hide file tree
Showing 21 changed files with 392 additions and 0 deletions.
2 changes: 2 additions & 0 deletions .gitattributes
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
# Auto detect text files and perform LF normalization
* text=auto
3 changes: 3 additions & 0 deletions assets/script.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
function load_home() {
document.getElementById("content").innerHTML='<object type="text/html" data="../cpj/studio/w1.html" ></object>';
}
186 changes: 186 additions & 0 deletions assets/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,186 @@
html, body{
padding:0;
margin: 0;

overflow-x: hidden;
cursor: crosshair;
font-size: 70%;
background-color: rgb(249,191,178);
}

@font-face {
font-family:"Argent";
src:url("../fonts/ArgentPixelCF-Regular.woff2") format("woff2"),url("../fonts/ArgentPixelCF-Regular.woff") format("woff"),url("../fonts/ArgentPixelCF-Regular.otf") format("opentype");
font-style:normal;
font-weight:400;
}

@font-face {
font-family:"Argent";
src:url("../fonts/ArgentPixelCF-Italic.woff2") format("woff2"),url("../fonts/ArgentPixelCF-Italic.woff") format("woff"),url("../fonts/ArgentPixelCF-Italic.otf") format("opentype");
font-style: italic;
font-weight:400;
}

a {
color: rgb(79,79,79);
text-decoration: none;
}

a:active {
color: red;
text-decoration: underline;
}

a:hover {
color: rgb(255,255,255,0.8);
}

.sides {
position:fixed;
margin: 0;
top: 0;
left: 0;

width: 20vw;
height: 100vh;
border-right: 1.5px solid rgb(66,49,36);
z-index: 100;

font-family: "Argent";
font-size: 2.2rem;
}

#jodi{
position: fixed;
margin: 0;
top:3vh;
left: 3vw;
}

#info{
position: fixed;
margin: 0;
bottom:3vh;
left: 3vw;
}

.content {
position:absolute;
bottom:0;
left: 20vw;

width: 80vw;
height: 100vh;
z-index: 100;
}

#pagi{
position: absolute;
margin: 0;
bottom:3vh;
right: 3vw;

color: rgb(79,79,79);
font-size: 10rem;
text-align: right;
}

a img {
display: none;
}

a:hover img {
width: 40%;
display: block;
}


/*ice*/








/*studio*/
.columns{
position: absolute;


width: 100vw;
height: 100vh;
}


.blocks{
display: inline-block;
position: relative;
vertical-align: middle;
width: 100vw;

font-family: "Argent";
color: rgb(79,79,79);
font-size: 2.5rem;
}

#w1{
padding: 2vh;
border-bottom: 1.5px solid rgb(66,49,36);
}

#w2{
padding: 2vh;
border-bottom: 1.5px solid rgb(66,49,36);
}

#w3{
padding: 2vh;
border-bottom: 1.5px solid rgb(66,49,36);
}

#w4{
padding: 2vh;
border-bottom: 1.5px solid rgb(66,49,36);
}

#w5{
padding: 2vh;
border-bottom: 1.5px solid rgb(66,49,36);
}

#w6{
padding: 2vh;
border-bottom: 1.5px solid rgb(66,49,36);
}

/*#col1{
width: 20vw;
}
#col2{
width: 80vw;
}
#gridA{
padding: 1vw;
font-family: "Helvetica", san serif;
color: rgb(79,79,79);
font-size: 1.6rem;
line-height: 3rem;
}
#gridB{
padding: 1vw;
width: 55vw;
font-family: "Helvetica", san serif;
color: rgb(79,79,79);
font-size: 2.5rem;
line-height: 3rem;
}*/

/*dissertation*/

Binary file added cube.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
29 changes: 29 additions & 0 deletions dissertation.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<title>Jodi Choo</title>
<link rel="stylesheet" type="text/css" href="../cpj/assets/style.css">
<link rel="shortcut icon" href="https://img.icons8.com/color/48/000000/moon-satellite.png"/>
</head>
<body>
<div class="sides">
<div id="jodi">
<img src="cube.PNG" width="auto" height="35">
<br><br><a href="ice.html">ICE</a>
<br><a href="studio.html">Studio</a>
<br><a href="dissertation.html">Dissertation</a>
</div>
<div id="info">
<a href="others.html">?</a>
</div>
</div>

<div class="content">
<div id="pagi">
I do not know what words am I suppose type here so I guess I will just use placeholder text for now.
</div>
</div>


</body>
</html>
7 changes: 7 additions & 0 deletions fonts/ArgentPixelCF-Italic.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@

@font-face {
font-family:"Argent Pixel CF Italic";
src:url("ArgentPixelCF-Italic.woff2") format("woff2"),url("ArgentPixelCF-Italic.woff") format("woff"),url("ArgentPixelCF-Italic.otf") format("opentype");
font-style:normal;font-weight:400;
}

Binary file added fonts/ArgentPixelCF-Italic.otf
Binary file not shown.
Binary file added fonts/ArgentPixelCF-Italic.ttf
Binary file not shown.
Binary file added fonts/ArgentPixelCF-Italic.woff
Binary file not shown.
Binary file added fonts/ArgentPixelCF-Italic.woff2
Binary file not shown.
7 changes: 7 additions & 0 deletions fonts/ArgentPixelCF-Regular.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@

@font-face {
font-family:"Argent Pixel CF Regular";
src:url("ArgentPixelCF-Regular.woff2") format("woff2"),url("ArgentPixelCF-Regular.woff") format("woff"),url("ArgentPixelCF-Regular.otf") format("opentype");
font-style:normal;font-weight:400;
}

Binary file added fonts/ArgentPixelCF-Regular.otf
Binary file not shown.
Binary file added fonts/ArgentPixelCF-Regular.ttf
Binary file not shown.
Binary file added fonts/ArgentPixelCF-Regular.woff
Binary file not shown.
Binary file added fonts/ArgentPixelCF-Regular.woff2
Binary file not shown.
29 changes: 29 additions & 0 deletions ice.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<title>Jodi Choo</title>
<link rel="stylesheet" type="text/css" href="../cpj/assets/style.css">
<link rel="shortcut icon" href="https://img.icons8.com/color/48/000000/moon-satellite.png"/>
</head>
<body>
<div class="sides">
<div id="jodi">
<img src="cube.PNG" width="auto" height="35">
<br><br><a href="ice.html">ICE</a>
<br><a href="studio.html">Studio</a>
<br><a href="dissertation.html">Dissertation</a>
</div>
<div id="info">
<a href="others.html">?</a>
</div>
</div>

<div class="content">
<div id="pagi">
I do not know what words am I suppose type here so I guess I will just use placeholder text for now.
</div>
</div>


</body>
</html>
29 changes: 29 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<title>Jodi Choo</title>
<link rel="stylesheet" type="text/css" href="../cpj/assets/style.css">
<link rel="shortcut icon" href="https://img.icons8.com/color/48/000000/moon-satellite.png"/>
</head>
<body>
<div class="sides">
<div id="jodi">
<img src="cube.PNG" width="auto" height="35">
<br><br><a href="ice.html">ICE</a>
<br><a href="studio.html">Studio</a>
<br><a href="dissertation.html">Dissertation</a>
</div>
<div id="info">
<a href="others.html">?</a>
</div>
</div>

<div class="content">
<div id="pagi">
I do not know what words am I suppose type here so I guess I will just use placeholder text for now.
</div>
</div>


</body>
</html>
62 changes: 62 additions & 0 deletions studio.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
<!DOCTYPE html>
<html>
<head>
<title>Jodi Choo</title>
<link rel="stylesheet" type="text/css" href="../cpj/assets/style.css">
<link rel="shortcut icon" href="https://img.icons8.com/color/48/000000/moon-satellite.png"/>
</head>
<body>
<div class="sides">
<div id="jodi">
<img src="cube.PNG" width="auto" height="35">
<br><br><a href="ice.html">ICE</a>
<br><a href="studio.html">Studio</a>
<br><a href="dissertation.html">Dissertation</a>
</div>
<div id="info">
<a href="others.html">?</a>
</div>
</div>

<div class="content">
<div class="columns">
<div class="blocks">
<div id="w1">
Week 1: 8 to 10 Sep <img src="../contents/down.png" id="status">
</div>

<div id="w2">
Week 2: 14 to 16 Sep
</div>

<div id="w3">
Week 3: 14 to 16 Sep
</div>

<div id="w4">
Week 4: 8 to 10 Sep
</div>

<div id="w5">
Week 5: 14 to 16 Sep
</div>

<div id="w6">
Week 6: 14 to 16 Sep
</div>
</div>

<!-- <div id="col1">
<div id="gridA">
</div>
</div>
<div id="col2">
<div id="gridB">
</div> -->
</div>
</div>
</div>


</body>
</html>
Binary file added studio/contents/down.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added studio/contents/up.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 2fa003c

Please sign in to comment.