Mercurial > web
diff projects.html @ 42:8051fdef82da
Downgrade to bootstrap 2.3.2
| author | Paper <mrpapersonic@gmail.com> |
|---|---|
| date | Mon, 16 May 2022 21:10:56 -0400 |
| parents | bb6d617ab30c |
| children | 24b2d0a480d3 |
line wrap: on
line diff
--- a/projects.html Wed May 11 17:40:12 2022 -0400 +++ b/projects.html Mon May 16 21:10:56 2022 -0400 @@ -1,17 +1,14 @@ <!DOCTYPE html> <head> - <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> - <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?"> - <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script> + <link href="https://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet" media="screen"> + <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?"> + <!-- <script src="https://code.jquery.com/jquery.js"></script> + <script src="js/bootstrap/js/bootstrap.min.js"></script> --> <title>Projects - Paper's website</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <style> @import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300&display=swap'); - .navbar { - background: linear-gradient(to bottom, rgba(255,255,255,0.1) 25%, rgba(0,0,0,0) 100%); - text-align: left; /* Override body text align */ - } body { background-size: cover; background: url("blueforest.png") no-repeat center center fixed; @@ -35,32 +32,25 @@ display: block-inline; color: yellow; background: radial-gradient(ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.0) 75%); - // box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); + box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); } </style> </head> <body> - <nav class="navbar navbar-expand-lg navbar-dark"> - <div class="container-fluid"> - <button class="navbar-toggler" 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 me-auto mb-1 mb-lg-3"> - <li class="nav-item"> - <a class="nav-link" href="index.html">Home</a> - </li> - <li class="nav-item"> - <a class="nav-link" href="music.html">Music</a> - </li> - <li class="nav-item"> - <a class="nav-link active" aria-current="page" href="#">Projects</a> - </li> - </ul> - </div> - </div> - </nav> + <div class="navbar-wrapper"> + <div class="container-fluid" style="width: 98%;margin-top:1%;"> + <div class="navbar navbar-inverse" style="box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5)"> + <div class="navbar-inner"> + <a class="brand" href="#">Paper's website</a> + <ul class="nav"> + <li><a href="./">Home</a></li> + <li><a href="music.html">Music</a></li> + <li class="active"><a href="#">Projects</a></li> + </ul> + </div> + </div> + </div> <h1>Projects</h1> <div class="box" style="background-color: rgba(0, 128, 0, 0.5);"> <h1>msvpvf</h1>