Skip to content

Commit b148867

Browse files
ujjwaldubey1ujjwaldubey1
committed
FIX W3C standards for the landing.html file
1 parent a9058bd commit b148867

File tree

1 file changed

+110
-109
lines changed

1 file changed

+110
-109
lines changed

‎apps/landing/landing.html‎

Lines changed: 110 additions & 109 deletions
Original file line numberDiff line numberDiff line change
@@ -1,134 +1,135 @@
1+
<!DOCTYPE html>
12
<html lang="en">
23
<head>
3-
44
<title>caMicroscope</title>
5-
<meta charset="utf-8" />
6-
7-
<meta name="viewport" content="width=device-width, initial-scale=1" />
8-
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css" rel="stylesheet"
9-
integrity="sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0"
10-
crossorigin="anonymous">
5+
<meta charset="UTF-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<link
8+
href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"
9+
rel="stylesheet"
10+
integrity="sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0"
11+
crossorigin="anonymous"
12+
/>
1113
<link rel="stylesheet" href="./main.css" />
12-
<!-- common styling -->
13-
<link rel='stylesheet' type='text/css' media='all' href='../common.css'/>
14-
<link rel="shortcut icon" type="image/x-icon" href="favicon.png">
15-
14+
<link rel="stylesheet" href="../common.css" />
15+
<link rel="icon" type="image/x-icon" href="favicon.png">
1616
</head>
1717
<body>
18-
19-
<!-- loading animation -->
20-
<div class="main-site">
21-
<!-- adding css -->
22-
<div class="main-content" role="timer" id="mainContent">
23-
<div class="loader loader-black loader-5"></div>
18+
<!-- Main Container -->
19+
<div class="main-site">
20+
<div class="main-content" id="mainContent" role="alert" aria-live="polite">
21+
<div class="loader loader-black loader-5" aria-label="Loading animation"></div>
22+
</div>
2423
</div>
25-
</div>
2624

27-
<nav class="navbar navbar-expand-lg navbar-dark fixed-top bg-dark" style="position: sticky; margin-top: -4em;">
28-
<div class="container-fluid">
29-
<button class="navbar-toggler m-1" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" style="width: 100%;">
30-
<span class="navbar-toggler-icon"></span>
25+
<!-- Navigation Bar -->
26+
<nav class="navbar navbar-expand-lg navbar-dark bg-dark" role="navigation">
27+
<div class="container-fluid">
28+
<button
29+
class="navbar-toggler m-1"
30+
type="button"
31+
data-bs-toggle="collapse"
32+
data-bs-target="#navbarSupportedContent"
33+
aria-controls="navbarSupportedContent"
34+
aria-expanded="false"
35+
aria-label="Toggle navigation"
36+
>
37+
<span class="navbar-toggler-icon"></span>
3138
</button>
32-
<div class="collapse navbar-collapse" id="navbarSupportedContent" >
33-
<ul class="navbar-nav mr-auto gap-1">
34-
<li class="nav-item active link" style="font-family: sans-serif;">
35-
<a class="nav-link" href="landing.html"> <i class="fas fa-home"></i> Home</a>
39+
<div class="collapse navbar-collapse" id="navbarSupportedContent">
40+
<ul class="navbar-nav me-auto gap-1">
41+
<li class="nav-item">
42+
<a class="nav-link" href="landing.html"><i class="fas fa-home"></i> Home</a>
3643
</li>
37-
<li class="nav-item link" style="font-family: sans-serif;">
38-
<a class="nav-link" href="../table.html"> <i class="fas fa-list-ul"></i> Slides</a>
44+
<li class="nav-item">
45+
<a class="nav-link" href="../table.html"><i class="fas fa-list-ul"></i> Slides</a>
3946
</li>
40-
<li class="nav-item link">
41-
<a class="nav-link" href="../Info.html"> <i class="fas fa-info-circle"></i> Info</a>
47+
<li class="nav-item">
48+
<a class="nav-link" href="../Info.html"><i class="fas fa-info-circle"></i> Info</a>
4249
</li>
43-
<li class="nav-item link">
44-
<a class="nav-link" href="../dev-workbench/workbench.html"> <i class="fas fa-pencil-ruler"></i> Workbench</a>
50+
<li class="nav-item">
51+
<a class="nav-link" href="../dev-workbench/workbench.html"><i class="fas fa-pencil-ruler"></i> Workbench</a>
4552
</li>
46-
<li class="nav-item link" style="font-family: sans-serif;">
47-
<a class="nav-link" href="../signup/signup.html"> <i class="fas fa-user-plus"></i> Signup</a>
53+
<li class="nav-item">
54+
<a class="nav-link" href="../signup/signup.html"><i class="fas fa-user-plus"></i> Signup</a>
4855
</li>
49-
<li class="nav-item link" style="font-family: sans-serif;">
50-
<a class="nav-link" target="_blank" href="https://github.com/camicroscope/caMicroscope/issues"> <i class="fas fa-comment"></i> Feedback</a>
56+
<li class="nav-item">
57+
<a
58+
class="nav-link"
59+
target="_blank"
60+
href="https://github.com/camicroscope/caMicroscope/issues"
61+
aria-label="Provide Feedback on GitHub"
62+
>
63+
<i class="fas fa-comment"></i> Feedback
64+
</a>
5165
</li>
5266
</ul>
5367
</div>
54-
</div>
55-
</nav>
56-
57-
58-
59-
<!-- Main -->
60-
61-
<section id="main" class="wrapper">
62-
63-
<div class="inner">
68+
</div>
69+
</nav>
6470

65-
<div role="heading">
66-
<header class="major">
71+
<!-- Main Content Section -->
72+
<main id="main" class="wrapper" role="main">
73+
<div class="inner">
74+
<header class="major" role="banner">
6775
<h1>caMicroscope</h1>
6876
</header>
69-
</div>
7077

71-
<!-- Content -->
72-
73-
74-
<div role="contentinfo" class="content">
75-
<p>caMicroscope is a tool to view, annotate, and analyze biomedical images.</p>
76-
<a href="#" class="image fit" aria-label="Reload Home Page"><img src="./banner1.jpg" alt="" /></a>
77-
78-
</div>
78+
<div class="content" role="contentinfo">
79+
<p>caMicroscope is a tool to view, annotate, and analyze biomedical images.</p>
80+
<a href="#" class="image fit" aria-label="Reload Home Page">
81+
<img src="./banner1.jpg" alt="Banner showing caMicroscope overview" />
82+
</a>
83+
</div>
7984

80-
<div class="posts" role="main" style="margin-top: 5em;">
81-
<section class="post">
82-
<a href="../table.html" class="image" aria-label="Visit Slides Page"><img src="./camic.jpg" alt=""/></a>
83-
<div class="content">
84-
<h3>caMicroscope</h3>
85-
<p>Use camicroscope to explore and mark slides uploaded. If this is a restricted access deployment, you will be prompted to log in here.</p>
86-
<a href="../table.html" class="button">More</a>
87-
</div>
88-
</section>
89-
<section class="post">
90-
<a target="_blank" href="https://camicroscope.github.io/docs/" class="image" aria-label="Visit Documentation Page"><img src="./code.jpg" alt=""/></a>
91-
<div class="content">
92-
<h3>Documentation</h3>
93-
<p>Read documentation for using and developing caMicroscope.</p>
94-
<a target="_blank" href="https://camicroscope.github.io/docs/" class="button">More</a>
95-
</div>
96-
</section>
85+
<div class="posts" style="margin-top: 5em;">
86+
<section class="post">
87+
<a href="../table.html" class="image" aria-label="Visit Slides Page">
88+
<img src="./camic.jpg" alt="caMicroscope sample image of slides" />
89+
</a>
90+
<div class="content">
91+
<h3>caMicroscope</h3>
92+
<p>Use caMicroscope to explore and mark slides uploaded. If this is a restricted access deployment, you will be prompted Ujwjal in here.</p>
93+
<a href="../table.html" class="button">More</a>
94+
</div>
95+
</section>
96+
<section class="post">
97+
<a target="_blank" href="https://camicroscope.github.io/docs/" class="image" aria-label="Visit Documentation Page">
98+
<img src="./code.jpg" alt="Documentation and coding guide" />
99+
</a>
100+
<div class="content">
101+
<h3>Documentation</h3>
102+
<p>Read documentation for using and developing caMicroscope.</p>
103+
<a target="_blank" href="https://camicroscope.github.io/docs/" class="button">More</a>
104+
</div>
105+
</section>
106+
</div>
97107
</div>
98-
</section>
99-
100-
101-
102-
<!-- Footer -->
103-
<footer id="footer-layout"></footer>
104-
105-
106-
107-
108-
109-
<!-- Scripts -->
110-
<!-- loading animation script -->
111-
<script>
112-
var loader= document.querySelector('.loader');
113-
window.addEventListener('load', function() {
114-
loader.style.display = 'none';
115-
});
116-
</script>
117-
118-
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-p34f1UUtsS3wqzfto5wAAmdvj+osOnFyQFpp4Ua3gs/ZVWx6oOypYoCJhGGScy+8" crossorigin="anonymous"></script>
119-
<script src="./jquery.min.js"></script>
120-
121-
<script src="./jquery.dropotron.min.js"></script>
122-
123-
<script src="./jquery.scrollex.min.js"></script>
124-
125-
<script src="./skel.min.js"></script>
126-
127-
<script src="./util.js"></script>
128-
<script src="../../common/util.js"></script>
129-
130-
<!-- script to call a footer(layout footer in the common > utils folder) function -->
131-
<script> insertFooterLayout(); </script>
108+
</main>
109+
110+
<!-- Footer -->
111+
<footer id="footer-layout" role="contentinfo">
112+
<p>&copy; caMicroscope. All rights reserved.</p>
113+
</footer>
114+
115+
<!-- Scripts -->
116+
<script>
117+
var loader = document.querySelector('.loader');
118+
window.addEventListener('load', function() {
119+
loader.style.display = 'none';
120+
});
121+
</script>
122+
<script
123+
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"
124+
integrity="sha384-p34f1UUtsS3wqzfto5wAAmdvj+osOnFyQFpp4Ua3gs/ZVWx6oOypYoCJhGGScy+8"
125+
crossorigin="anonymous"
126+
></script>
127+
<script src="./jquery.min.js"></script>
128+
<script src="./jquery.dropotron.min.js"></script>
129+
<script src="./jquery.scrollex.min.js"></script>
130+
<script src="./skel.min.js"></script>
131+
<script src="./util.js"></script>
132+
<script src="../../common/util.js"></script>
133+
<script>insertFooterLayout();</script>
132134
</body>
133-
134135
</html>

0 commit comments

Comments
 (0)