29
29
< script src ="https://code.jquery.com/jquery-3.4.1.slim.min.js "
30
30
integrity ="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n "
31
31
crossorigin ="anonymous "> </ script >
32
- < script src =" https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js "
33
- integrity =" sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6 "
34
- crossorigin =" anonymous " > </ script >
35
- < link rel =" stylesheet " href =" https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css "
36
- integrity =" sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh " crossorigin ="anonymous ">
32
+
33
+ < link href =" https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css "
34
+ rel =" stylesheet "
35
+ integrity =" sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0 "
36
+ crossorigin ="anonymous ">
37
37
< link rel ="stylesheet " href ="../common/stacktable.css ">
38
38
< style >
39
39
html ,
53
53
< body >
54
54
< div class ="page-container ">
55
55
< div >
56
- < nav class ="navbar navbar-expand-md navbar-dark fixed-top bg-dark " style ="position: sticky; ">
57
- < button class ="navbar-toggler " type ="button " data-toggle ="collapse " data-target ="#navbarCollapse " aria-controls ="navbarCollapse " aria-expanded ="false " aria-label ="Toggle navigation ">
58
- < span class ="navbar-toggler-icon "> </ span >
59
- </ button >
60
- < div class ="collapse navbar-collapse " id ="navbarCollapse ">
61
- < ul class ="navbar-nav mr-auto ">
62
- < li class ="nav-item link ">
63
- < a class ="nav-link " href ="landing/landing.html "> < i class ="fas fa-home "> </ i > Home</ a >
64
- </ li >
65
- < li class ="nav-item link ">
66
- < a class ="nav-link " href ="table.html "> < i class ="fas fa-list-ul "> </ i > Slides</ a >
67
- </ li >
68
- < li class ="nav-item active link ">
69
- < a class ="nav-link " href ="Info.html "> < i class ="fas fa-info-circle "> </ i > Info</ a >
70
- </ li >
71
- < li class ="nav-item link ">
72
- < a class ="nav-link " href ="./dev-workbench/workbench.html "> < i class ="fas fa-pencil-ruler "> </ i > Workbench</ a >
73
- </ li >
74
- </ ul >
75
- < ul class ="navbar-nav ">
76
- < li class ="nav-item link " style ="font-family: sans-serif; ">
77
- < a class ="nav-link " href ="./signup/signup.html "> < i class ="fas fa-user-plus "> </ i > Signup</ a >
78
- </ li >
79
- < li class ="nav-item link ">
80
- < a class ="nav-link " target ="_blank " href ="https://docs.google.com/forms/d/e/1FAIpQLScL91LxrpAZjU88GBZP9gmcdgdf8__uNUwhws2lzU6Lr4qNwA/viewform "> < i class ="fas fa-comment "> </ i > Feedback</ a >
81
- </ li >
82
- </ ul >
83
- </ div >
84
- </ nav >
56
+ < nav class ="navbar navbar-expand-lg navbar-dark fixed-top bg-dark " style ="position: sticky; margin-top: -4em; ">
57
+ < div class ="container-fluid ">
58
+ < button class ="navbar-toggler " type ="button " data-bs-toggle ="collapse " data-bs-target ="#navbarSupportedContent " aria-controls ="navbarSupportedContent " aria-expanded ="false " aria-label ="Toggle navigation ">
59
+ < span class ="navbar-toggler-icon "> </ span >
60
+ </ button >
61
+ < div class ="collapse navbar-collapse " id ="navbarSupportedContent " >
62
+ < ul class ="navbar-nav mr-auto ">
63
+ < li class ="nav-item link " style ="font-family: sans-serif; ">
64
+ < a class ="nav-link " href ="landing/landing.html "> < i class ="fas fa-home "> </ i > Home</ a >
65
+ </ li >
66
+ < li class ="nav-item active link " style ="font-family: sans-serif; ">
67
+ < a class ="nav-link " href ="table.html "> < i class ="fas fa-list-ul "> </ i > Slides</ a >
68
+ </ li >
69
+ < li class ="nav-item link ">
70
+ < a class ="nav-link " href ="Info.html "> < i class ="fas fa-info-circle "> </ i > Info</ a >
71
+ </ li >
72
+ < li class ="nav-item link ">
73
+ < a class ="nav-link " href ="./dev-workbench/workbench.html "> < i class ="fas fa-pencil-ruler "> </ i > Workbench</ a >
74
+ </ li >
75
+ </ ul >
76
+ < ul class ="navbar-nav ms-auto ">
77
+ < li class ="nav-item link " style ="font-family: sans-serif; ">
78
+ < a class ="nav-link " href ="./signup/signup.html "> < i class ="fas fa-user-plus "> </ i > Signup</ a >
79
+ </ li >
80
+ < li class ="nav-item link " style ="font-family: sans-serif; ">
81
+ < a class ="nav-link " target ="_blank " href ="https://docs.google.com/forms/d/e/1FAIpQLScL91LxrpAZjU88GBZP9gmcdgdf8__uNUwhws2lzU6Lr4qNwA/viewform "> < i class ="fas fa-comment "> </ i > Feedback</ a >
82
+ </ li >
83
+ </ ul >
84
+ </ div >
85
+ </ div >
86
+ </ nav >
85
87
86
88
< div class ="header text-center text-white bg-info p-4 ">
87
89
< h1 class ="h1 "> caMicroscope</ h1 >
@@ -94,7 +96,6 @@ <h1 class="h1">caMicroscope</h1>
94
96
</ div >
95
97
</ div >
96
98
97
-
98
99
< div class ="modal fade " id ="detail-dialog " tabindex ="-1 " role ="dialog "
99
100
aria-labelledby ="title-of-dialog " aria-hidden ="true " data-backdrop ="static " data-keyboard ="false " >
100
101
< div class ="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg " role ="document " style ="margin-top:8vh; ">
@@ -171,7 +172,7 @@ <h3 class="text-center h3 mb-2" style="margin-top:8px;margin-bottom:10px;">Infor
171
172
< p class ="p "> Copyright © 2021 caMicroscope</ p >
172
173
</ footer >
173
174
</ div >
174
-
175
+ < script src =" https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js " integrity =" sha384-p34f1UUtsS3wqzfto5wAAmdvj+osOnFyQFpp4Ua3gs/ZVWx6oOypYoCJhGGScy+8 " crossorigin =" anonymous " > </ script >
175
176
</ body >
176
177
< script >
177
178
0 commit comments