Moar updates for bfor
diff --git a/bfor.html b/bfor.html
index ad040ba..124437c 100644
--- a/bfor.html
+++ b/bfor.html
@@ -78,7 +78,7 @@
<div class="col-md-12" align="center">
<div class="cover row">
<h1>Bliss Family of ROMs</h1><br><br>
- <blockquote class="lead" cite="https://twitter.com/DalaiLama/status/1051767186820198402">The creation of a more peaceful and happier society has to begin from the level of the individual, and from there it can expand to one's family, to one's neighborhood, to one's community and so on. <footer><a href="https://twitter.com/DalaiLama/status/1051767186820198402">Dalai Lama</a></footer>
+ <blockquote class="highlight_secondary lead" cite="https://twitter.com/DalaiLama/status/1051767186820198402" style="">The creation of a more peaceful and happier society has to begin from the level of the individual, and from there it can expand to one's family, to one's neighborhood, to one's community and so on. <footer class=""><a style="font-weight: bold !important; color: #0080ff;" href="https://twitter.com/DalaiLama/status/1051767186820198402" class="">Dalai Lama</a></footer>
</blockquote>
</div>
</div>
@@ -113,7 +113,7 @@
<div class="col-md-12"><br><br>
<h1>Outreach</h1>
<h2 style="color: #fff;">Not everyone can afford to develop</h2>
- <p class="lead">Many people across the globe are not able to afford the latest and greatest technology in order to learn how to develop with, then alone practice what they have learned. We aim to fill that gap, and to start things off, we are partnering with <a href="#">Legacy-Servers</a> in order to provide build-servers and help reach the dreams of those that aren't able to afford the needed tools.</p>
+ <p class="highlight_secondary lead">Many people across the globe are not able to afford the latest and greatest technology in order to learn how to develop with, then alone practice what they have learned. We aim to fill that gap, and to start things off, we are partnering with <a style="font-weight: bold !important; color: #0080ff;" target="blank" href="#">Legacy-Servers</a> in order to provide build-servers and help reach the dreams of those that aren't able to afford the needed tools.</p>
<div class="worldmap">
<!--?xml version="1.0" encoding="UTF-8" standalone="no"?-->
<svg width="100%" viewBox="0 0 750 450" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
@@ -2092,9 +2092,10 @@
</div>
</div>
<div id="about2" class="row cover">
- <div class="container">
+ <div class="container text-center">
<h1 class="text-center family-header" style="color: #fff;">Transparency</h1>
- <p class="text-center lead" style="margin: 5%">We believe in full transparency, but we do not believe this transparency should come at a cost to our supporters. This is why we submit a yearly 990 form to the IRS. If you are interested in looking into that or any other information we submit, feel free to visit our <a href="https://www.guidestar.org/profile/82-3580195" style="color: #222;">Guidestar.org</a> page. If you are interested in looking into any other nonprofit open-source projects or ROMs, they can also be found on Guidestar as long as things are all on the up and up. </p>
+ <p class="text-center lead" style="margin: 5%">We believe in full transparency, but we do not believe this transparency should come at a cost to our supporters. This is why we submit a yearly 990 form to the IRS. If you are interested in looking into that or any other information we submit, feel free to visit our <a style="font-weight: bold !important; color: #222;" target="blank" href="https://www.guidestar.org/profile/82-3580195">Guidestar.org</a> page. If you are interested in looking into any other nonprofit open-source projects or ROMs, they can also be found on Guidestar as long as things are all on the up and up. </p>
+ <a class="btn btn-rounded portfolio-projects--btn center" target="blank" href="https://www.guidestar.org/search" style="background-color: #222; color: #fff;">Search Guidestar.org for other projects</a>
<p class="text-center lead" style="margin: 5%">Guidestar does allow users to view the financial info for each nonprofit, but for those who don't want to give yet another site their personal info, we have posted our statements below</p>
<!--end Two project row-->
</div>
@@ -2148,10 +2149,9 @@
<!-- break -->
<!-- Close Team -->
<div id="family2" class="" style=" background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)); background-position: top left; background-size: 100%; background-repeat: repeat;">
- <div class="container" style=" transform: translateY(-5%) ;">
+ <div class="container" style="">
<div class="row">
<div class="col-md-12 text-center">
- <h1><img class="team-image" style="max-width: 36rem;" src="images/bliss_for.png"></h1>
</div>
</div>
<div class="row">
@@ -2161,7 +2161,15 @@
<p class="text-center lead">We are open to the public, and accepting applications now for volunteer only positions (internships coming soon). We are accepting people in small managable groups while we grow, and we tend to lean towards the type of people that want to learn and grow with Bliss Family of ROMs. Bliss provides the tools, knowledge and the mentorship needed to help bring your development dreams to reality, and all we ask in return is a minimum contribution towards Bliss ROM while you learn and grow in your strengths. <br> If you're an individual and would like to apply to join our team, please use the button below </p>
<p></p>
</div>
- <div class="col-md-4 text-center lead"><a class="btn btn-rounded family-projects--btn text-center" href="https://goo.gl/forms/PdiaAj1PojosmehK2" style="color: rgb(255, 255, 255);">Join Our Team</a><a class="btn btn-rounded family-projects--btn" href="https://www.paypal.me/TeamBliss" target="_blank" role="button" style="color: rgb(255, 255, 255);">Donate to Bliss Family</a></div>
+ <div class="col-md-4 p-3">
+ <p>
+ </p>
+ <div class="col-md-12 text-center lead">
+ <h1><img class="team-image" style="max-width: 36rem;" src="images/bliss_for.png"></h1><a class="btn btn-rounded family-projects--btn text-center" href="https://goo.gl/forms/PdiaAj1PojosmehK2" style="color: rgb(255, 255, 255);">Join Our Team</a><a class="btn btn-rounded family-projects--btn" href="https://www.paypal.me/TeamBliss" target="_blank" role="button" style="color: rgb(255, 255, 255);">Donate to Bliss Family</a>
+ </div>
+ <p class="text-center lead"></p>
+ <p></p>
+ </div>
<div class="col-md-4 p-3 text-center">
<p>
</p>
@@ -2332,15 +2340,6 @@
</div>
</footer>
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.3.1/js/tether.min.js" type="text/javascript"></script>-->
- <div class="py-5">
- <div class="container">
- <div class="row">
- <div class="col-md-12">
- <p></p>
- </div>
- </div>
- </div>
- </div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script>
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>-->
<script src="https://bfintal.github.io/Counter-Up/jquery.counterup.min.js"></script>
diff --git a/css/style.css b/css/style.css
index 147a6e1..f7123c0 100644
--- a/css/style.css
+++ b/css/style.css
@@ -4,7 +4,7 @@
body {
font-family: "Comfortaa", Helvetica, Arial, sans-serif;
line-height: 1.4;
- background: url("https://i.imgur.com/BOGKaGy.jpg") no-repeat center center fixed;
+ background: url("https://i.imgur.com/BOGKaGy.jpg") no-repeat center center fixed;
background-color: #0080ff;
width: 100%;
position: absolute;
@@ -13,23 +13,23 @@
}
#bg {
- position: fixed;
- top: -50%;
- left: -50%;
- width: 200%;
+ position: fixed;
+ top: -50%;
+ left: -50%;
+ width: 200%;
height: 200%;
}
#bg img {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- margin: auto;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ margin: auto;
min-width: 50%;
min-height: 50%;
}
-
+
h1, .h1,
h2, .h2,
h3, .h3,
@@ -222,7 +222,7 @@
display: -ms-flexbox;
display: flex;
/* background-color: #0080ff;*/
- background: url(images/web_bg_1280.png) no-repeat center center fixed;
+ background: url(images/web_bg_1280.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
@@ -440,7 +440,10 @@
padding-right: 15px }
#expenses h2 {
color: #0080ff; }
-
+.family-links-list {
+ font-size: 2.3em;
+ line-height: 1.8em;
+}
.contact-social-icons p {
color: #0080ff; }
.contact-social-icons > ul {padding:0;margin:0 auto;}
diff --git a/css/styles_filter.css b/css/styles_filter.css
index ac06883..04720fc 100644
--- a/css/styles_filter.css
+++ b/css/styles_filter.css
@@ -668,4 +668,41 @@
.worldmap {
width: 100%;
margin: 10em auto;
-}
\ No newline at end of file
+}
+
+blockquote {
+ padding: 1em;
+ display: grid;
+ grid-template-columns: auto 1fr auto;
+ line-height: 1.8;
+ margin: 1.6em !important;
+ font-size: 17.5px;
+ border-left: 0px !important;
+}
+blockquote p {
+ margin: 0;
+ grid-column: 2 / 3;
+}
+blockquote p + p,
+blockquote footer {
+ margin-top: .6em;
+}
+blockquote footer {
+ grid-column: 1 / -1;
+ font-size: .8em;
+ order: 1;
+}
+blockquote::before, blockquote::after {
+ grid-column-end: span 1;
+ font-size: 4em;
+ height: .25em;
+ line-height: .8;
+ padding: 0 .2em;
+}
+blockquote::before {
+ content: open-quote;
+}
+blockquote::after {
+ content: close-quote;
+ align-self: end;
+}
diff --git a/index.html b/index.html
index fd49fbe..5cad2a6 100644
--- a/index.html
+++ b/index.html
@@ -53,7 +53,7 @@
<li id="nav-team">
<a href="#team">Team</a>
</li>
- <li id="nav-family">
+ <li id="nav-family2">
<a href="#family2">Family</a>
</li>
<li id="nav-studios">
@@ -342,7 +342,6 @@
<div class="container">
<h3> We are a team of designers, developers, maintainers, and business professionals working together to help achieve the dreams of our team mates and the Android community. Our goal is to help provide a unique learning environment using the FOSS mentality, to not only train people how to make what they aspire to, but also provide unique business opportunities for new and already existing projects. </h3>
<div class="hr big_size_hr invisible_hr">
- <i class="fa fa-"></i>
</div>
<main class="cd-main-content">
<div class="cd-tab-filter-wrapper">
@@ -751,8 +750,8 @@
</div>
<!-- /.container -->
<!-- Close Team -->
- <div id="family2" class="py-5" style=" background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.5)); background-position: top left; background-size: 100%; background-repeat: repeat;">
- <div class="container family-header">
+ <div id="family2" class="row" style=" background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.5)); background-position: top left; background-size: 100%; background-repeat: repeat;">
+ <div class="container family2-header">
<div class="row">
<div class="col-md-12 text-center">
<h1><img class="team-image" style="max-width: 36rem;" src="images/bliss_for.png"></h1>
@@ -783,7 +782,7 @@
<div class="py-5" >
<div class="container">
<div class="row">
- <div class="col-md-12 text-center"><a href="bfor.html" class="btn btn-rounded family-projects--btn" style="z-index: 999;">Bliss Family of ROMs</a></div>
+ <div class="col-md-12 text-center"><a href="bfor.html" class="btn btn-rounded family-projects--btn" style="z-index: 999; color: rgb(255, 255, 255);">Bliss Family of ROMs</a></div>
</div>
<div class="row">
<div class="col-md-12"></div>