Skip to content

Commit f53f02f

Browse files
dustinuseydustinusey
committed
static markup for main content ui
1 parent 9a29aaf commit f53f02f

File tree

2 files changed

+89
-5
lines changed

2 files changed

+89
-5
lines changed

‎frontend/assets/favicon.png

2.18 KB
Loading

‎index.html

Lines changed: 89 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -5,14 +5,98 @@
55
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
77
<!-- favicon -->
8-
<!-- <link rel="shortcut icon" href="http://github.com/frontend/%3Cspan%20class="x x-first x-last">dist/images/favicon.png" type="image/x-icon"> -->
8+
<link rel="shortcut icon" href="./frontend/assets/favicon.png" type="image/x-icon">
99
<!-- animation library -->
10-
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/> -->
10+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
1111
<!-- styles -->
1212
<link rel="stylesheet" href="./frontend/dist/styles/app.css" />
1313
<!-- fontawesome library -->
14-
<!-- <script src="https://kit.fontawesome.com/6e358658ed.js" crossorigin="anonymous"></script> -->
15-
<title>Document</title>
14+
<script src="https://kit.fontawesome.com/6e358658ed.js" crossorigin="anonymous"></script>
15+
<title>Treehouse | Grading Tool</title>
1616
</head>
17-
<body></body>
17+
<body>
18+
19+
<div class="gradingtool">
20+
<!-- techdegree panel -->
21+
<div class="panel">
22+
<ul class="techdegree-list">
23+
<!-- dynamic -->
24+
<li><i class="fa-solid fa-code"></i></li>
25+
<li><i class="fa-brands fa-square-js"></i></li>
26+
<li><i class="fa-brands fa-python"></i></li>
27+
<li><i class="fa-solid fa-chart-simple"></i></li>
28+
<li><i class="fa-solid fa-brush"></i></li>
29+
</ul>
30+
<ul class="utility-list">
31+
<li><i class="fa-solid fa-gear"></i></li>
32+
</ul>
33+
</div>
34+
<!-- project panel -->
35+
<div class="panel">
36+
<div class="panel-toggle"></div>
37+
<div class="content">
38+
<p class="current-techdegree-title" id="currentTechdegreeTitle">
39+
<!-- dynamic -->
40+
Frontend Web Development Techdegree
41+
</p>
42+
<div class="list-group">
43+
<p class="title">Project List</p>
44+
<ul>
45+
<!-- dynamic -->
46+
<li>My Personal Profile Page</li>
47+
<li>Mobile-first Responsive Layout</li>
48+
<li>An Online Registration Form</li>
49+
<li>Web Style Guide</li>
50+
<li>An Interactive Photo Gallery</li>
51+
<li>Game Show App</li>
52+
<li>WebApp Dashboard</li>
53+
<li>Use an API to Create an Employee Directory</li>
54+
<li>Capstone Portfolio</li>
55+
</ul>
56+
</div>
57+
<div class="list-group">
58+
<p class="title">Link</p>
59+
<ul>
60+
<!-- dynamic -->
61+
<li><a href="#"><i class="fa-solid fa-link"></i> CSS Validator</a></li>
62+
<li><a href="#"><i class="fa-solid fa-link"></i> HTML Validator</a></li>
63+
<li><a href="#"><i class="fa-solid fa-link"></i> JavaScript Validator</a></li>
64+
</ul>
65+
</div>
66+
<div class="list-group">
67+
<p class="title">Mockups</p>
68+
<ul>
69+
<!-- dynamic -->
70+
<li><a href="#"><i class="fa-solid fa-image"></i> mobile mockup</a></li>
71+
<li><a href="#"><i class="fa-solid fa-image"></i> tablet mockup</a></li>
72+
<li><a href="#"><i class="fa-solid fa-image"></i> desktop mockup</a></li>
73+
</ul>
74+
</div>
75+
<div class="list-group">
76+
<p class="title">Study-guide</p>
77+
<ul>
78+
<!-- dynamic -->
79+
<li><a href="#"><i class="fa-solid fa-file"></i> guide - my personal profile page</a></li>
80+
</ul>
81+
</div>
82+
</div>
83+
</div>
84+
<!-- grading -->
85+
<div class="project-grading">
86+
<header>
87+
<div class="project-content">
88+
<h1>My Personal Profile Page</h1>
89+
<div class="requirement-count" id="requirementCount"><span>0</span> / <span>0</span></div>
90+
</div>
91+
<ul>
92+
<li class="active" id="projectRequirementsView">project requirements</li>
93+
<li id="gradingOutputView">grading output</li>
94+
</ul>
95+
</header>
96+
<main>
97+
<div class="box"></div>
98+
</main>
99+
</div>
100+
</div>
101+
</body>
18102
</html>

0 commit comments

Comments
 (0)