update top link page
This commit is contained in:
parent
d9fe7747ec
commit
2627db15bd
|
|
@ -1,23 +1,49 @@
|
||||||
html,body {
|
body, html {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
font-family: 'Baloo Bhai', serif;
|
||||||
|
color: #f1f3ce;
|
||||||
|
background-color: #00293C;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
text-align: center;
|
font-size: 1.4em;
|
||||||
|
margin-bottom: -.5em;
|
||||||
|
color: #f1f3ce;
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#directory-list {
|
div {
|
||||||
display: flex;
|
margin: auto;
|
||||||
justify-content: center;
|
text-align: left;
|
||||||
font-size: 2rem;
|
width: 90%;
|
||||||
|
padding: .1em;
|
||||||
}
|
}
|
||||||
|
a {
|
||||||
#directory-list li {
|
box-shadow: .1em .1em black;
|
||||||
margin: 1.5rem auto;
|
|
||||||
font-weight: 700;
|
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
text-decoration-color: black;
|
text-indent: 1em;
|
||||||
|
color: #f1f3ce;
|
||||||
|
font-size: 20px;
|
||||||
|
display: block;
|
||||||
|
background: #1e656d;
|
||||||
|
padding: .1em;
|
||||||
|
margin: .1em;
|
||||||
|
border: .1em solid black;
|
||||||
|
border-radius: .3em;
|
||||||
|
}
|
||||||
|
a:hover {
|
||||||
|
background-color: #f62a00;
|
||||||
|
}
|
||||||
|
a:focus {
|
||||||
|
background-color: #f1f3ce;
|
||||||
|
color: #f62a00;
|
||||||
}
|
}
|
||||||
|
|
||||||
#directory-list a {
|
@media (min-width: 1201px) {
|
||||||
color: hsl(100, 19%, 18%);
|
div {
|
||||||
|
width: 95%
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
79
index.html
79
index.html
|
|
@ -1,47 +1,38 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0">
|
<title>FCC Challenges</title>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity=
|
<link rel="stylesheet" type="text/css" href="pure-min.css">
|
||||||
"sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
|
<link rel="stylesheet" type="text/css" href="fcc_challenges.css">
|
||||||
<link rel="stylesheet" type="text/css" href="fcc_challenges.css">
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Baloo+Bhai" />
|
||||||
<title>FCC Challenges</title>
|
</head>
|
||||||
</head>
|
<body>
|
||||||
<body>
|
<h1 id="title">FCC Challenges</h1>
|
||||||
<h1 id="title">FCC Challenges</h1>
|
<h2>Repository View</h2>
|
||||||
<div id="directory-list">
|
<div>
|
||||||
<ul>
|
<a href="https://github.com/TrentSPalmer/fcc-challenges" target="_blank">GitHub Repository of This Page</a>
|
||||||
<li>
|
</div>
|
||||||
<a href="https://github.com/TrentSPalmer/fcc-challenges" target="_blank">GitHub Repository View of This
|
<h2>Responsive Web Design Projects</h2>
|
||||||
Page</a>
|
<div>
|
||||||
</li>
|
<a href="mccain-tribute/" target="_blank">Tribute Page - McCain Tribute</a>
|
||||||
<li>
|
</div>
|
||||||
<a href="mccain-tribute/" target="_blank">Build a Tribute Page - McCain Tribute - Responsive Web Design
|
<div>
|
||||||
Projects</a>
|
<a href="how-was-dinner/" target="_blank">Survey Form - How Was Dinner?</a>
|
||||||
</li>
|
</div>
|
||||||
<li>
|
<div>
|
||||||
<a href="how-was-dinner/" target="_blank">Build a Survey Form - How Was Dinner? - Responsive Web Design
|
<a href="tools-that-love-you/" target="_blank">Product Landing Page <br/> Tools That Love You</a>
|
||||||
Projects</a>
|
</div>
|
||||||
</li>
|
<div>
|
||||||
<li>
|
<a href="lmde-3-disk-encryption/" target="_blank">Technical Documentation <br/> LMDE 3 Disk Encryption</a>
|
||||||
<a href="tools-that-love-you/" target="_blank">Build a Product Landing Page - Tools That Love You - Responsive
|
</div>
|
||||||
Web Design Projects</a>
|
<h2>Front End Library Projects</h2>
|
||||||
</li>
|
<div>
|
||||||
<li>
|
<a href="random-quote-machine/build" target="_blank">Random Quote Machine</a>
|
||||||
<a href="lmde-3-disk-encryption/" target="_blank">Build a Technical Documentation Page - LMDE 3 Disk Encryption
|
</div>
|
||||||
- Responsive Web Design Projects</a>
|
<div>
|
||||||
</li>
|
<a href="markdown-previewer" target="_blank">Markdown Previewer</a>
|
||||||
<li>
|
</div>
|
||||||
<a href="random-quote-machine/build" target="_blank">Random Quote Machine - Build a Random Quote Machine -
|
</body>
|
||||||
Front End Libraries Projects</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="markdown-previewer" target="_blank">Markdown Previewer - Build a Markdown Previewer -
|
|
||||||
Front End Libraries Projects</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue