update top link page

This commit is contained in:
Trent Palmer 2020-04-05 10:13:16 -07:00
parent d9fe7747ec
commit 2627db15bd
3 changed files with 85 additions and 57 deletions

View File

@ -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%
}
} }

View File

@ -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/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Tools That Love You</a>
Projects</a> </div>
</li> <div>
<li> <a href="lmde-3-disk-encryption/" target="_blank">Technical Documentation <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;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>

11
pure-min.css vendored Normal file

File diff suppressed because one or more lines are too long