Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fixes:#912 W3C standards for the landing.html file #1044

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Fixes:#912 W3C standards for the landing.html file #1044

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
219 changes: 110 additions & 109 deletions apps/landing/landing.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,134 +1,135 @@
<!DOCTYPE html>
<html lang="en">
<head>

<title>caMicroscope</title>
<meta charset="utf-8" />

<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0"
crossorigin="anonymous">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="./main.css" />
<!-- common styling -->
<link rel='stylesheet' type='text/css' media='all' href='../common.css'/>
<link rel="shortcut icon" type="image/x-icon" href="favicon.png">

<link rel="stylesheet" href="../common.css" />
<link rel="icon" type="image/x-icon" href="favicon.png">
</head>
<body>

<!-- loading animation -->
<div class="main-site">
<!-- adding css -->
<div class="main-content" role="timer" id="mainContent">
<div class="loader loader-black loader-5"></div>
<!-- Main Container -->
<div class="main-site">
<div class="main-content" id="mainContent" role="alert" aria-live="polite">
<div class="loader loader-black loader-5" aria-label="Loading animation"></div>
</div>
</div>
</div>

<nav class="navbar navbar-expand-lg navbar-dark fixed-top bg-dark" style="position: sticky; margin-top: -4em;">
<div class="container-fluid">
<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%;">
<span class="navbar-toggler-icon"></span>
<!-- Navigation Bar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark" role="navigation">
<div class="container-fluid">
<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"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent" >
<ul class="navbar-nav mr-auto gap-1">
<li class="nav-item active link" style="font-family: sans-serif;">
<a class="nav-link" href="landing.html"> <i class="fas fa-home"></i> Home</a>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto gap-1">
<li class="nav-item">
<a class="nav-link" href="landing.html"><i class="fas fa-home"></i> Home</a>
</li>
<li class="nav-item link" style="font-family: sans-serif;">
<a class="nav-link" href="../table.html"> <i class="fas fa-list-ul"></i> Slides</a>
<li class="nav-item">
<a class="nav-link" href="../table.html"><i class="fas fa-list-ul"></i> Slides</a>
</li>
<li class="nav-item link">
<a class="nav-link" href="../Info.html"> <i class="fas fa-info-circle"></i> Info</a>
<li class="nav-item">
<a class="nav-link" href="../Info.html"><i class="fas fa-info-circle"></i> Info</a>
</li>
<li class="nav-item link">
<a class="nav-link" href="../dev-workbench/workbench.html"> <i class="fas fa-pencil-ruler"></i> Workbench</a>
<li class="nav-item">
<a class="nav-link" href="../dev-workbench/workbench.html"><i class="fas fa-pencil-ruler"></i> Workbench</a>
</li>
<li class="nav-item link" style="font-family: sans-serif;">
<a class="nav-link" href="../signup/signup.html"> <i class="fas fa-user-plus"></i> Signup</a>
<li class="nav-item">
<a class="nav-link" href="../signup/signup.html"><i class="fas fa-user-plus"></i> Signup</a>
</li>
<li class="nav-item link" style="font-family: sans-serif;">
<a class="nav-link" target="_blank" href="https://github.com/camicroscope/caMicroscope/issues"> <i class="fas fa-comment"></i> Feedback</a>
<li class="nav-item">
<a
class="nav-link"
target="_blank"
href="https://github.com/camicroscope/caMicroscope/issues"
aria-label="Provide Feedback on GitHub"
>
<i class="fas fa-comment"></i> Feedback
</a>
</li>
</ul>
</div>
</div>
</nav>



<!-- Main -->

<section id="main" class="wrapper">

<div class="inner">
</div>
</nav>

<div role="heading">
<header class="major">
<!-- Main Content Section -->
<main id="main" class="wrapper" role="main">
<div class="inner">
<header class="major" role="banner">
<h1>caMicroscope</h1>
</header>
</div>

<!-- Content -->


<div role="contentinfo" class="content">
<p>caMicroscope is a tool to view, annotate, and analyze biomedical images.</p>
<a href="#" class="image fit" aria-label="Reload Home Page"><img src="./banner1.jpg" alt="" /></a>

</div>
<div class="content" role="contentinfo">
<p>caMicroscope is a tool to view, annotate, and analyze biomedical images.</p>
<a href="#" class="image fit" aria-label="Reload Home Page">
<img src="./banner1.jpg" alt="Banner showing caMicroscope overview" />
</a>
</div>

<div class="posts" role="main" style="margin-top: 5em;">
<section class="post">
<a href="../table.html" class="image" aria-label="Visit Slides Page"><img src="./camic.jpg" alt=""/></a>
<div class="content">
<h3>caMicroscope</h3>
<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>
<a href="../table.html" class="button">More</a>
</div>
</section>
<section class="post">
<a target="_blank" href="https://camicroscope.github.io/docs/" class="image" aria-label="Visit Documentation Page"><img src="./code.jpg" alt=""/></a>
<div class="content">
<h3>Documentation</h3>
<p>Read documentation for using and developing caMicroscope.</p>
<a target="_blank" href="https://camicroscope.github.io/docs/" class="button">More</a>
</div>
</section>
<div class="posts" style="margin-top: 5em;">
<section class="post">
<a href="../table.html" class="image" aria-label="Visit Slides Page">
<img src="./camic.jpg" alt="caMicroscope sample image of slides" />
</a>
<div class="content">
<h3>caMicroscope</h3>
<p>Use caMicroscope to explore and mark slides uploaded. If this is a restricted access deployment, you will be prompted Ujwjal in here.</p>
<a href="../table.html" class="button">More</a>
</div>
</section>
<section class="post">
<a target="_blank" href="https://camicroscope.github.io/docs/" class="image" aria-label="Visit Documentation Page">
<img src="./code.jpg" alt="Documentation and coding guide" />
</a>
<div class="content">
<h3>Documentation</h3>
<p>Read documentation for using and developing caMicroscope.</p>
<a target="_blank" href="https://camicroscope.github.io/docs/" class="button">More</a>
</div>
</section>
</div>
</div>
</section>



<!-- Footer -->
<footer id="footer-layout"></footer>





<!-- Scripts -->
<!-- loading animation script -->
<script>
var loader= document.querySelector('.loader');
window.addEventListener('load', function() {
loader.style.display = 'none';
});
</script>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-p34f1UUtsS3wqzfto5wAAmdvj+osOnFyQFpp4Ua3gs/ZVWx6oOypYoCJhGGScy+8" crossorigin="anonymous"></script>
<script src="./jquery.min.js"></script>

<script src="./jquery.dropotron.min.js"></script>

<script src="./jquery.scrollex.min.js"></script>

<script src="./skel.min.js"></script>

<script src="./util.js"></script>
<script src="../../common/util.js"></script>

<!-- script to call a footer(layout footer in the common > utils folder) function -->
<script> insertFooterLayout(); </script>
</main>

<!-- Footer -->
<footer id="footer-layout" role="contentinfo">
<p>&copy; caMicroscope. All rights reserved.</p>
</footer>

<!-- Scripts -->
<script>
var loader = document.querySelector('.loader');
window.addEventListener('load', function() {
loader.style.display = 'none';
});
</script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-p34f1UUtsS3wqzfto5wAAmdvj+osOnFyQFpp4Ua3gs/ZVWx6oOypYoCJhGGScy+8"
crossorigin="anonymous"
></script>
<script src="./jquery.min.js"></script>
<script src="./jquery.dropotron.min.js"></script>
<script src="./jquery.scrollex.min.js"></script>
<script src="./skel.min.js"></script>
<script src="./util.js"></script>
<script src="../../common/util.js"></script>
<script>insertFooterLayout();</script>
</body>

</html>