Merge remote-tracking branch '00day0/master'
diff --git a/css/animations.css b/css/animations.css
index 1674bae..ba7e644 100644
--- a/css/animations.css
+++ b/css/animations.css
@@ -566,7 +566,7 @@
text-align: center;
/* color: #0080ff;*/
}
-@media (max-width:767px) {
+@media (max-width:867px) {
.display-3 { font-size: 4.4rem;}
.navbar-ontop { background-color: #303030 !important;}
}
diff --git a/index.html b/index.html
index a4d600d..68b6825 100644
--- a/index.html
+++ b/index.html
@@ -25,7 +25,7 @@
<body class="" style="">
<!-- Navbar -->
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark" style="padding-right: 41px;">
- <div class="container">
+ <div class="container pt-6">
<a class="navbar-brand" href="#"><img src="images/BlissIcon_Smal_wl.png" width="50" class="d-inline-block align-top" alt=""></a>
<div class="row">
<div class="col-md-12"><a class="navbar-brand" href="#"><b><b>Bliss ROMs</b></b></a></div>
@@ -182,10 +182,11 @@
<div class="section">
<div class="container d-flex justify-content-center align-items-center flex-grow-1 mx-auto w-75 py-4">
<div class="row">
- <div class="col-md-6 text-center mx-auto px-5 pt-4">
- <h3 class="my-3 highlight_secondary team-header text-white"> </h3><br>
- <h2 class="my-3 highlight_secondary team-header text-white">We volunteer our time.</h2>
- <p class="mb-3">We are a 501(c3) nonprofit, run by people that donate their free time towards the project. We do our best to bring a quality OS to your device, while working a real job on the side in most cases. Please consider showing us we're on the right track by clicking the button below and making a small contribution towards our efforts.</p> <a href="https://www.paypal.me/TeamBliss" class="btn btn-primary">Buy Us a Coffee</a>
+ <div class="col-md-6 text-center mx-auto flex-center">
+ <div>
+ <h2 class="my-3 highlight_secondary team-header text-white no-wrap">We volunteer our time.</h2>
+ <p class="mb-3">We are a 501(c3) nonprofit, run by people that donate their free time towards the project. We do our best to bring a quality OS to your device, while working a real job on the side in most cases. Please consider showing us we're on the right track by clicking the button below and making a small contribution towards our efforts.</p> <a href="https://www.paypal.me/TeamBliss" class="btn btn-primary">Buy Us a Coffee</a>
+ </div>
</div>
<div class="col-md-6 py-5"><img class="img-fluid d-block d-flex align-items-center justify-content-center flex-grow-1 mx-auto animate-in-right" src="images/coffee-break.svg" width="300"></div>
</div>
diff --git a/neon.css b/neon.css
index 5ba6423..dd19c91 100644
--- a/neon.css
+++ b/neon.css
@@ -34,7 +34,7 @@
--dark: #303030;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
- --breakpoint-md: 768px;
+ --breakpoint-md: 868px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -461,7 +461,7 @@
@media (min-width: 576px) {
.container {
max-width: 540px; } }
- @media (min-width: 768px) {
+ @media (min-width: 868px) {
.container {
max-width: 720px; } }
@media (min-width: 992px) {
@@ -740,7 +740,7 @@
.offset-sm-11 {
margin-left: 91.66667%; } }
-@media (min-width: 768px) {
+@media (min-width: 868px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
@@ -1215,7 +1215,7 @@
.table-responsive-sm > .table-bordered {
border: 0; } }
-@media (max-width: 767.98px) {
+@media (max-width: 867.98px) {
.table-responsive-md {
display: block;
width: 100%;
@@ -2770,7 +2770,8 @@
.nav-link {
display: block;
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+ white-space: nowrap; }
.nav-link:hover, .nav-link:focus {
text-decoration: none; }
.nav-link.disabled {
@@ -2918,13 +2919,13 @@
.navbar-expand-sm .navbar-toggler {
display: none; } }
-@media (max-width: 767.98px) {
+@media (max-width: 867.98px) {
.navbar-expand-md > .container,
.navbar-expand-md > .container-fluid {
padding-right: 0;
padding-left: 0; } }
-@media (min-width: 768px) {
+@media (min-width: 868px) {
.navbar-expand-md {
flex-flow: row nowrap;
justify-content: flex-start; }
@@ -4534,7 +4535,7 @@
.d-sm-inline-flex {
display: inline-flex !important; } }
-@media (min-width: 768px) {
+@media (min-width: 868px) {
.d-md-none {
display: none !important; }
.d-md-inline {
@@ -4820,7 +4821,7 @@
.align-self-sm-stretch {
align-self: stretch !important; } }
-@media (min-width: 768px) {
+@media (min-width: 868px) {
.flex-md-row {
flex-direction: row !important; }
.flex-md-column {
@@ -5047,7 +5048,7 @@
.float-sm-none {
float: none !important; } }
-@media (min-width: 768px) {
+@media (min-width: 868px) {
.float-md-left {
float: left !important; }
.float-md-right {
@@ -5390,6 +5391,14 @@
.py-5 {
padding-top: 4.5rem !important; }
+.pt-6 {}
+ @media (min-width: 576px) {
+ .pt-6 {
+ max-width: 540px; } }
+ @media (min-width: 868px) {
+ .pt-6 {
+ max-width: 1140px; } } }
+
.pr-5,
.px-5 {
padding-right: 4.5rem !important; }
@@ -5605,7 +5614,7 @@
.mx-sm-auto {
margin-left: auto !important; } }
-@media (min-width: 768px) {
+@media (min-width: 868px) {
.m-md-0 {
margin: 0 !important; }
.mt-md-0,
@@ -6188,7 +6197,7 @@
.text-sm-center {
text-align: center !important; } }
-@media (min-width: 768px) {
+@media (min-width: 868px) {
.text-md-left {
text-align: left !important; }
.text-md-right {
@@ -6576,3 +6585,13 @@
.animate-in-right.out-of-viewport {
opacity: 0;
left: 5%; }
+
+.flex-center {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.no-wrap {
+ white-space: nowrap;
+}