Mercurial > web

comparison music.html @ 42:8051fdef82da

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Downgrade to bootstrap 2.3.2
author Paper <mrpapersonic@gmail.com>
date Mon, 16 May 2022 21:10:56 -0400
parents f71c5c19940f
children 24b2d0a480d3
comparison
equal deleted inserted replaced
41:f71c5c19940f 42:8051fdef82da
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <head> 2 <head>
3 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> 3 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet" media="screen">
4 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?"> 4 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">
5 <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> 5 <!-- <script src="https://code.jquery.com/jquery.js"></script>
6 <script src="js/bootstrap/js/bootstrap.min.js"></script> -->
6 <script> 7 <script>
7 window['libopenmpt'] = {}; 8 window['libopenmpt'] = {};
8 9
9 libopenmpt.locateFile = function(filename) { 10 libopenmpt.locateFile = function(filename) {
10 return "./js/" + filename; 11 return "./js/" + filename;
87 color: #ff6600; 88 color: #ff6600;
88 } 89 }
89 </style> 90 </style>
90 </head> 91 </head>
91 <body> 92 <body>
92 <nav class="navbar navbar-expand-lg navbar-dark"> 93 <div class="navbar-wrapper">
93 <div class="container-fluid"> 94 <div class="container-fluid" style="width: 98%;margin-top:1%;">
94 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> 95 <div class="navbar navbar-inverse" style="box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5)">
95 <span class="navbar-toggler-icon"></span> 96 <div class="navbar-inner">
96 </button> 97 <a class="brand" href="#">Paper's website</a>
97 <div class="collapse navbar-collapse" id="navbarSupportedContent"> 98 <ul class="nav">
98 <ul class="navbar-nav me-auto mb-1 mb-lg-3"> 99 <li><a href="./">Home</a></li>
99 <li class="nav-item"> 100 <li class="active"><a href="#">Music</a></li>
100 <a class="nav-link" href="index.html">Home</a> 101 <li><a href="projects.html">Projects</a></li>
101 </li> 102 </ul>
102 <li class="nav-item"> 103 </div>
103 <a class="nav-link active" aria-current="page" href="#">Music</a> 104 </div>
104 </li> 105 </div>
105 <li class="nav-item">
106 <a class="nav-link" href="projects.html">Projects</a>
107 </li>
108 </ul>
109 </div>
110 </div>
111 </nav>
112 <h1>Music</h1> 106 <h1>Music</h1>
113 <div class="box"> 107 <div class="box">
114 <p>Now playing:</p> 108 <p>Now playing:</p>
115 <p id="title">nothing loaded</p> 109 <p id="title">nothing loaded</p>
116 <button type="button" class="btn btn-primary" id="playpause">Play/Pause</button> 110 <button type="button" class="btn btn-primary" id="playpause">Play/Pause</button>