-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
d306f3d
commit 9c0ecea
Showing
7 changed files
with
447 additions
and
253 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,9 +1,9 @@ | ||
| # Directories and files to ignore | ||
|
|
||
| jquery* | ||
| *bootstrap* | ||
| README.md | ||
| .github | ||
|
|
||
| # Directories and files to ignore | ||
| docs/css | ||
| docs/img | ||
| docs/js |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,66 +1,101 @@ | ||
| <!doctype html> | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <!-- A Intro to Coding for Journalists class project --> | ||
| <head> | ||
| <title>The Clown</title> | ||
| <meta name="description" content="The Clown by Heinrich Böll"> | ||
| <meta charset="utf-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"/> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> | ||
| <link rel="stylesheet" href="../css/main.css"> | ||
| <meta name="description" content="The Clown by Heinrich Böll" /> | ||
| <meta charset="utf-8" /> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | ||
| <meta | ||
| name="viewport" | ||
| content="width=device-width, initial-scale=1, maximum-scale=1" | ||
| /> | ||
| <link rel="stylesheet" href="../css/main.css" /> | ||
| </head> | ||
| <body> | ||
| <nav class="navbar navbar-expand-lg bg-dark" data-bs-theme="dark"> | ||
| <div class="container-fluid"> | ||
| <a class="navbar-brand" href="../index.html">Navbar</a> | ||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> | ||
| <span class="navbar-toggler-icon"></span> | ||
| </button> | ||
| <div class="collapse navbar-collapse" id="navbarNavDropdown"> | ||
| <ul class="navbar-nav"> | ||
| <li class="nav-item dropdown"> | ||
| <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false"> | ||
| Library books | ||
| </a> | ||
| <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> | ||
|
|
||
| <li><a class="dropdown-item" href="../books/the-clown.html">The Clown</a></li> | ||
|
|
||
| <li><a class="dropdown-item" href="../books/the-shipping-news.html">The Shipping News</a></li> | ||
|
|
||
| <li><a class="dropdown-item" href="../books/the-hearing-trumpet.html">The Hearing Trumpet</a></li> | ||
|
|
||
| </ul> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
| <div class="container-fluid"> | ||
| <a class="navbar-brand" href="../index.html">Navbar</a> | ||
| <button | ||
| class="navbar-toggler" | ||
| type="button" | ||
| data-bs-toggle="collapse" | ||
| data-bs-target="#navbarNavDropdown" | ||
| aria-controls="navbarNavDropdown" | ||
| aria-expanded="false" | ||
| aria-label="Toggle navigation" | ||
| > | ||
| <span class="navbar-toggler-icon"></span> | ||
| </button> | ||
| <div class="collapse navbar-collapse" id="navbarNavDropdown"> | ||
| <ul class="navbar-nav"> | ||
| <li class="nav-item dropdown"> | ||
| <a | ||
| class="nav-link dropdown-toggle" | ||
| href="#" | ||
| id="navbarDropdownMenuLink" | ||
| role="button" | ||
| data-bs-toggle="dropdown" | ||
| aria-expanded="false" | ||
| > | ||
| Library books | ||
| </a> | ||
| <ul | ||
| class="dropdown-menu" | ||
| aria-labelledby="navbarDropdownMenuLink" | ||
| > | ||
| <li> | ||
| <a class="dropdown-item" href="../books/the-clown.html" | ||
| >The Clown</a | ||
| > | ||
| </li> | ||
|
|
||
| <li> | ||
| <a | ||
| class="dropdown-item" | ||
| href="../books/the-shipping-news.html" | ||
| >The Shipping News</a | ||
| > | ||
| </li> | ||
|
|
||
|
|
||
| <article class="container"> | ||
| <div class="row"> | ||
| <div class="col-sm-4"> | ||
| <img src="../img/the-clown.jpg" alt="" class="img-fluid mb-4"> | ||
| <li> | ||
| <a | ||
| class="dropdown-item" | ||
| href="../books/the-hearing-trumpet.html" | ||
| >The Hearing Trumpet</a | ||
| > | ||
| </li> | ||
| </ul> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| <div class="col-sm-8"> | ||
| </nav> | ||
|
|
||
| <article class="container"> | ||
| <div class="row"> | ||
| <div class="col-sm-4"> | ||
| <img src="../img/the-clown.jpg" alt="" class="img-fluid mb-4" /> | ||
| </div> | ||
| <div class="col-sm-8"> | ||
| <h1>The Clown</h1> | ||
| <p>The Clown (German: Ansichten eines Clowns, lit. “Opinions of a clown”) is a 1963 novel by West German writer Heinrich Böll.</p> | ||
| <p> | ||
| The Clown (German: Ansichten eines Clowns, lit. “Opinions of a | ||
| clown”) is a 1963 novel by West German writer Heinrich Böll. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </article> | ||
|
|
||
| </article> | ||
|
|
||
| <footer> | ||
| <p id="legal" class="center-block text-center"> | ||
| <small>©</small> <span class="copyright-year"></span> | ||
| A class project by First Last. | ||
| </p> | ||
| </footer> | ||
|
|
||
| <p id="legal" class="center-block text-center"> | ||
| <small>©</small> <span class="copyright-year"></span> | ||
| A class project by First Last. | ||
| </p> | ||
| </footer> | ||
|
|
||
| <script src="../js/jquery.js"></script> | ||
| <script src="../js/bootstrap.bundle.min.js"></script> | ||
| <script src="../js/scripts.js"></script> | ||
| </body> | ||
| </html> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,66 +1,110 @@ | ||
| <!doctype html> | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <!-- A Intro to Coding for Journalists class project --> | ||
| <head> | ||
| <title>The Hearing Trumpet</title> | ||
| <meta name="description" content="The Hearing Trumpet by Leonora Carrington"> | ||
| <meta charset="utf-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"/> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> | ||
| <link rel="stylesheet" href="../css/main.css"> | ||
| <meta | ||
| name="description" | ||
| content="The Hearing Trumpet by Leonora Carrington" | ||
| /> | ||
| <meta charset="utf-8" /> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | ||
| <meta | ||
| name="viewport" | ||
| content="width=device-width, initial-scale=1, maximum-scale=1" | ||
| /> | ||
| <link rel="stylesheet" href="../css/main.css" /> | ||
| </head> | ||
| <body> | ||
| <nav class="navbar navbar-expand-lg bg-dark" data-bs-theme="dark"> | ||
| <div class="container-fluid"> | ||
| <a class="navbar-brand" href="../index.html">Navbar</a> | ||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> | ||
| <span class="navbar-toggler-icon"></span> | ||
| </button> | ||
| <div class="collapse navbar-collapse" id="navbarNavDropdown"> | ||
| <ul class="navbar-nav"> | ||
| <li class="nav-item dropdown"> | ||
| <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false"> | ||
| Library books | ||
| </a> | ||
| <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> | ||
|
|
||
| <li><a class="dropdown-item" href="../books/the-clown.html">The Clown</a></li> | ||
|
|
||
| <li><a class="dropdown-item" href="../books/the-shipping-news.html">The Shipping News</a></li> | ||
|
|
||
| <li><a class="dropdown-item" href="../books/the-hearing-trumpet.html">The Hearing Trumpet</a></li> | ||
|
|
||
| </ul> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
| <div class="container-fluid"> | ||
| <a class="navbar-brand" href="../index.html">Navbar</a> | ||
| <button | ||
| class="navbar-toggler" | ||
| type="button" | ||
| data-bs-toggle="collapse" | ||
| data-bs-target="#navbarNavDropdown" | ||
| aria-controls="navbarNavDropdown" | ||
| aria-expanded="false" | ||
| aria-label="Toggle navigation" | ||
| > | ||
| <span class="navbar-toggler-icon"></span> | ||
| </button> | ||
| <div class="collapse navbar-collapse" id="navbarNavDropdown"> | ||
| <ul class="navbar-nav"> | ||
| <li class="nav-item dropdown"> | ||
| <a | ||
| class="nav-link dropdown-toggle" | ||
| href="#" | ||
| id="navbarDropdownMenuLink" | ||
| role="button" | ||
| data-bs-toggle="dropdown" | ||
| aria-expanded="false" | ||
| > | ||
| Library books | ||
| </a> | ||
| <ul | ||
| class="dropdown-menu" | ||
| aria-labelledby="navbarDropdownMenuLink" | ||
| > | ||
| <li> | ||
| <a class="dropdown-item" href="../books/the-clown.html" | ||
| >The Clown</a | ||
| > | ||
| </li> | ||
|
|
||
| <li> | ||
| <a | ||
| class="dropdown-item" | ||
| href="../books/the-shipping-news.html" | ||
| >The Shipping News</a | ||
| > | ||
| </li> | ||
|
|
||
|
|
||
| <article class="container"> | ||
| <div class="row"> | ||
| <div class="col-sm-4"> | ||
| <img src="../img/the-hearing-trumpet.jpg" alt="" class="img-fluid mb-4"> | ||
| <li> | ||
| <a | ||
| class="dropdown-item" | ||
| href="../books/the-hearing-trumpet.html" | ||
| >The Hearing Trumpet</a | ||
| > | ||
| </li> | ||
| </ul> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| <div class="col-sm-8"> | ||
| </nav> | ||
|
|
||
| <article class="container"> | ||
| <div class="row"> | ||
| <div class="col-sm-4"> | ||
| <img | ||
| src="../img/the-hearing-trumpet.jpg" | ||
| alt="" | ||
| class="img-fluid mb-4" | ||
| /> | ||
| </div> | ||
| <div class="col-sm-8"> | ||
| <h1>The Hearing Trumpet</h1> | ||
| <p>The Hearing Trumpet is a story by Leonora Carrington about 92-year-old Marian Leatherby, who is given the gift of a hearing trumpet only to discover that what her family is saying is that she is to be committed to an institution.</p> | ||
| <p> | ||
| The Hearing Trumpet is a story by Leonora Carrington about | ||
| 92-year-old Marian Leatherby, who is given the gift of a hearing | ||
| trumpet only to discover that what her family is saying is that she | ||
| is to be committed to an institution. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </article> | ||
|
|
||
| </article> | ||
|
|
||
| <footer> | ||
| <p id="legal" class="center-block text-center"> | ||
| <small>©</small> <span class="copyright-year"></span> | ||
| A class project by First Last. | ||
| </p> | ||
| </footer> | ||
|
|
||
| <p id="legal" class="center-block text-center"> | ||
| <small>©</small> <span class="copyright-year"></span> | ||
| A class project by First Last. | ||
| </p> | ||
| </footer> | ||
|
|
||
| <script src="../js/jquery.js"></script> | ||
| <script src="../js/bootstrap.bundle.min.js"></script> | ||
| <script src="../js/scripts.js"></script> | ||
| </body> | ||
| </html> | ||
| </html> |
Oops, something went wrong.