diff --git a/brancher/config/urls.py b/brancher/config/urls.py index 6f81b1f..dd1c77a 100644 --- a/brancher/config/urls.py +++ b/brancher/config/urls.py @@ -16,8 +16,11 @@ Including another URLconf from django.contrib import admin from django.urls import path, include from homepage import views as homepage_views +from users import views as user_views urlpatterns = [ path('', include('homepage.urls')), + path('login/', user_views.login, name='login'), + path('register/', user_views.register, name='register'), path('admin/', admin.site.urls), ] diff --git a/brancher/homepage/static/homepage/css/res/abrar.png b/brancher/homepage/static/homepage/css/res/abrar.png index da540ee..e3ea2cb 100644 Binary files a/brancher/homepage/static/homepage/css/res/abrar.png and b/brancher/homepage/static/homepage/css/res/abrar.png differ diff --git a/brancher/homepage/static/homepage/css/res/adnan.png b/brancher/homepage/static/homepage/css/res/adnan.png index 85cb0a6..fd5dffd 100644 Binary files a/brancher/homepage/static/homepage/css/res/adnan.png and b/brancher/homepage/static/homepage/css/res/adnan.png differ diff --git a/brancher/homepage/static/homepage/css/res/rushil.png b/brancher/homepage/static/homepage/css/res/rushil.png index 4b63ea0..8467faa 100644 Binary files a/brancher/homepage/static/homepage/css/res/rushil.png and b/brancher/homepage/static/homepage/css/res/rushil.png differ diff --git a/brancher/homepage/static/homepage/css/res/rushilu.png b/brancher/homepage/static/homepage/css/res/rushilu.png index 4e94443..e3d8b90 100644 Binary files a/brancher/homepage/static/homepage/css/res/rushilu.png and b/brancher/homepage/static/homepage/css/res/rushilu.png differ diff --git a/brancher/homepage/static/homepage/css/res/taj.png b/brancher/homepage/static/homepage/css/res/taj.png index 46d3b94..781929d 100644 Binary files a/brancher/homepage/static/homepage/css/res/taj.png and b/brancher/homepage/static/homepage/css/res/taj.png differ diff --git a/brancher/homepage/static/homepage/css/res/zaeem.png b/brancher/homepage/static/homepage/css/res/zaeem.png index 83dc816..6a59ec9 100644 Binary files a/brancher/homepage/static/homepage/css/res/zaeem.png and b/brancher/homepage/static/homepage/css/res/zaeem.png differ diff --git a/brancher/homepage/static/homepage/css/styles.css b/brancher/homepage/static/homepage/css/styles.css index 535ce94..e09b513 100644 --- a/brancher/homepage/static/homepage/css/styles.css +++ b/brancher/homepage/static/homepage/css/styles.css @@ -111,773 +111,71 @@ nav { color: #fff !important; } @media (min-width: 576px) { - .col-sm { - flex-basis: 0; - flex-grow: 1; - min-width: 0; - max-width: 100%; - } - .row-cols-sm-1 > * { - flex: 0 0 100%; - max-width: 100%; - } + .btn-dark { + color: #fff; + background-color: #343a40; + border-color: #343a40; + } + .btn-social { + height: 2.5rem; + width: 2.5rem; + display: inline-flex; + align-items: center; + justify-content: center; + padding: 0; + border-radius: 100%; + } + .mx-2 { + margin-right: 0.5rem !important; + } - .row-cols-sm-2 > * { - flex: 0 0 50%; - max-width: 50%; - } - .row-cols-sm-3 > * { - flex: 0 0 33.3333333333%; - max-width: 33.3333333333%; - } + @media (min-width: 768px) { + section { + padding: 9rem 0; + } + } - .row-cols-sm-4 > * { - flex: 0 0 25%; - max-width: 25%; - } - - .row-cols-sm-5 > * { - flex: 0 0 20%; - max-width: 20%; - } - - .row-cols-sm-6 > * { - flex: 0 0 16.6666666667%; - max-width: 16.6666666667%; - } - .btn-primary { - background-color: #070707; - border-color: #fed136; - color: #fff; - } - .btn-primary:hover { - color: #fff; - background-color: #fec810; - border-color: #fec503; - } - .btn-primary:focus, .btn-primary.focus { - color: #fff; - background-color: #fec810; - border-color: #fec503; - box-shadow: 0 0 0 0.2rem rgba(254, 216, 84, 0.5); - } - .btn-primary.disabled, .btn-primary:disabled { - color: #fff; - background-color: #fed136; - border-color: #fed136; - } - .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { - color: #fff; - background-color: #fec503; - border-color: #f3bd01; - } - .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(254, 216, 84, 0.5); - } - - .btn-secondary { - color: #fff; - background-color: #6c757d; - border-color: #6c757d; - } - .btn-secondary:hover { - color: #fff; - background-color: #5a6268; - border-color: #545b62; - } - .btn-secondary:focus, .btn-secondary.focus { - color: #fff; - background-color: #5a6268; - border-color: #545b62; - box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); - } - .btn-secondary.disabled, .btn-secondary:disabled { - color: #fff; - background-color: #6c757d; - border-color: #6c757d; - } - .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { - color: #fff; - background-color: #545b62; - border-color: #4e555b; - } - .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); - } - - .btn-success { - color: #fff; - background-color: #28a745; - border-color: #28a745; - } - .btn-success:hover { - color: #fff; - background-color: #218838; - border-color: #1e7e34; - } - .btn-success:focus, .btn-success.focus { - color: #fff; - background-color: #218838; - border-color: #1e7e34; - box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); - } - .btn-success.disabled, .btn-success:disabled { - color: #fff; - background-color: #28a745; - border-color: #28a745; - } - .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { - color: #fff; - background-color: #1e7e34; - border-color: #1c7430; - } - .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); - } - - .btn-info { - color: #fff; - background-color: #17a2b8; - border-color: #17a2b8; - } - .btn-info:hover { - color: #fff; - background-color: #138496; - border-color: #117a8b; - } - .btn-info:focus, .btn-info.focus { - color: #fff; - background-color: #138496; - border-color: #117a8b; - box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); - } - .btn-info.disabled, .btn-info:disabled { - color: #fff; - background-color: #17a2b8; - border-color: #17a2b8; - } - .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { - color: #fff; - background-color: #117a8b; - border-color: #10707f; - } - .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); - } - - .btn-warning { - color: #fff; - background-color: #fed136; - border-color: #fed136; - } - .btn-warning:hover { - color: #fff; - background-color: #fec810; - border-color: #fec503; - } - .btn-warning:focus, .btn-warning.focus { - color: #fff; - background-color: #fec810; - border-color: #fec503; - box-shadow: 0 0 0 0.2rem rgba(254, 216, 84, 0.5); - } - .btn-warning.disabled, .btn-warning:disabled { - color: #fff; - background-color: #fed136; - border-color: #fed136; - } - .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { - color: #fff; - background-color: #fec503; - border-color: #f3bd01; - } - .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(254, 216, 84, 0.5); - } - - .btn-danger { - color: #fff; - background-color: #dc3545; - border-color: #dc3545; - } - .btn-danger:hover { - color: #fff; - background-color: #c82333; - border-color: #bd2130; - } - .btn-danger:focus, .btn-danger.focus { - color: #fff; - background-color: #c82333; - border-color: #bd2130; - box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); - } - .btn-danger.disabled, .btn-danger:disabled { - color: #fff; - background-color: #dc3545; - border-color: #dc3545; - } - .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { - color: #fff; - background-color: #bd2130; - border-color: #b21f2d; - } - .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); - } - - .btn-light { - color: #212529; - background-color: #f8f9fa; - border-color: #f8f9fa; - } - .btn-light:hover { - color: #212529; - background-color: #e2e6ea; - border-color: #dae0e5; - } - .btn-light:focus, .btn-light.focus { - color: #212529; - background-color: #e2e6ea; - border-color: #dae0e5; - box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); - } - .btn-light.disabled, .btn-light:disabled { - color: #212529; - background-color: #f8f9fa; - border-color: #f8f9fa; - } - .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { - color: #212529; - background-color: #dae0e5; - border-color: #d3d9df; - } - .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); - } - - .btn-dark { - color: #fff; - background-color: #343a40; - border-color: #343a40; - } - .btn-dark:hover { - color: #fff; - background-color: #23272b; - border-color: #1d2124; - } - .btn-dark:focus, .btn-dark.focus { - color: #fff; - background-color: #23272b; - border-color: #1d2124; - box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); - } - .btn-dark.disabled, .btn-dark:disabled { - color: #fff; - background-color: #343a40; - border-color: #343a40; - } - .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { - color: #fff; - background-color: #1d2124; - border-color: #171a1d; - } - .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); - } - - .btn-outline-primary { - color: #fed136; - border-color: #fed136; - } - .btn-outline-primary:hover { - color: #fff; - background-color: #fed136; - border-color: #fed136; - } - .btn-outline-primary:focus, .btn-outline-primary.focus { - box-shadow: 0 0 0 0.2rem rgba(254, 209, 54, 0.5); - } - .btn-outline-primary.disabled, .btn-outline-primary:disabled { - color: #fed136; - background-color: transparent; - } - .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { - color: #fff; - background-color: #fed136; - border-color: #fed136; - } - .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(254, 209, 54, 0.5); - } - - .btn-outline-secondary { - color: #6c757d; - border-color: #6c757d; - } - .btn-outline-secondary:hover { - color: #fff; - background-color: #6c757d; - border-color: #6c757d; - } - .btn-outline-secondary:focus, .btn-outline-secondary.focus { - box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); - } - .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { - color: #6c757d; - background-color: transparent; - } - .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { - color: #fff; - background-color: #6c757d; - border-color: #6c757d; - } - .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); - } - - .btn-outline-success { - color: #28a745; - border-color: #28a745; - } - .btn-outline-success:hover { - color: #fff; - background-color: #28a745; - border-color: #28a745; - } - .btn-outline-success:focus, .btn-outline-success.focus { - box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); - } - .btn-outline-success.disabled, .btn-outline-success:disabled { - color: #28a745; - background-color: transparent; - } - .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { - color: #fff; - background-color: #28a745; - border-color: #28a745; - } - .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); - } - - .btn-outline-info { - color: #17a2b8; - border-color: #17a2b8; - } - .btn-outline-info:hover { - color: #fff; - background-color: #17a2b8; - border-color: #17a2b8; - } - .btn-outline-info:focus, .btn-outline-info.focus { - box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); - } - .btn-outline-info.disabled, .btn-outline-info:disabled { - color: #17a2b8; - background-color: transparent; - } - .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { - color: #fff; - background-color: #17a2b8; - border-color: #17a2b8; - } - .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); - } - - .btn-outline-warning { - color: #fed136; - border-color: #fed136; - } - .btn-outline-warning:hover { - color: #fff; - background-color: #fed136; - border-color: #fed136; - } - .btn-outline-warning:focus, .btn-outline-warning.focus { - box-shadow: 0 0 0 0.2rem rgba(254, 209, 54, 0.5); - } - .btn-outline-warning.disabled, .btn-outline-warning:disabled { - color: #fed136; - background-color: transparent; - } - .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { - color: #fff; - background-color: #fed136; - border-color: #fed136; - } - .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(254, 209, 54, 0.5); - } - - .btn-outline-danger { - color: #dc3545; - border-color: #dc3545; - } - .btn-outline-danger:hover { - color: #fff; - background-color: #dc3545; - border-color: #dc3545; - } - .btn-outline-danger:focus, .btn-outline-danger.focus { - box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); - } - .btn-outline-danger.disabled, .btn-outline-danger:disabled { - color: #dc3545; - background-color: transparent; - } - .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { - color: #fff; - background-color: #dc3545; - border-color: #dc3545; - } - .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); - } - - .btn-outline-light { - color: #f8f9fa; - border-color: #f8f9fa; - } - .btn-outline-light:hover { - color: #212529; - background-color: #f8f9fa; - border-color: #f8f9fa; - } - .btn-outline-light:focus, .btn-outline-light.focus { - box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); - } - .btn-outline-light.disabled, .btn-outline-light:disabled { - color: #f8f9fa; - background-color: transparent; - } - .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { - color: #212529; - background-color: #f8f9fa; - border-color: #f8f9fa; - } - .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); - } - - .btn-outline-dark { - color: #343a40; - border-color: #343a40; - } - .btn-outline-dark:hover { - color: #fff; - background-color: #343a40; - border-color: #343a40; - } - .btn-outline-dark:focus, .btn-outline-dark.focus { - box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); - } - .btn-outline-dark.disabled, .btn-outline-dark:disabled { - color: #343a40; - background-color: transparent; - } - .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { - color: #fff; - background-color: #343a40; - border-color: #343a40; - } - .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); - } - - .btn-link { - font-weight: 400; - color: #fed136; - text-decoration: none; - } - .btn-link:hover { - color: #e6b301; - text-decoration: underline; - } - .btn-link:focus, .btn-link.focus { - text-decoration: underline; - } - .btn-link:disabled, .btn-link.disabled { - color: #6c757d; - pointer-events: none; - } - - .btn-lg, .btn-group-lg > .btn { - padding: 0.5rem 1rem; - font-size: 1.25rem; - line-height: 1.5; - border-radius: 0.3rem; - } - - .btn-sm, .btn-group-sm > .btn { - padding: 0.25rem 0.5rem; - font-size: 0.875rem; - line-height: 1.5; - border-radius: 0.2rem; - } - - .btn-block { - display: block; - width: 100%; - } - .btn-block + .btn-block { - margin-top: 0.5rem; - } - - input[type=submit].btn-block, - input[type=reset].btn-block, - input[type=button].btn-block { - width: 100%; - } - - .fade { - transition: opacity 0.15s linear; - } - @media (prefers-reduced-motion: reduce) { - .fade { - transition: none; - } - } - .fade:not(.show) { - opacity: 0; - } - .btn-social { - height: 2.5rem; - width: 2.5rem; - display: inline-flex; - align-items: center; - justify-content: center; - padding: 0; - border-radius: 100%; - } - .mx-2 { - margin-right: 0.5rem !important; - } - .mx-2 { - margin-left: 0.5rem !important; - } - .col-auto { - flex: 0 0 auto; - width: auto; - max-width: 100%; - } - - .col-1 { - flex: 0 0 8.3333333333%; - max-width: 8.3333333333%; - } - - .col-2 { - flex: 0 0 16.6666666667%; - max-width: 16.6666666667%; - } - - .col-3 { - flex: 0 0 25%; - max-width: 25%; - } - - .col-4 { - flex: 0 0 33.3333333333%; - max-width: 33.3333333333%; - } - - .col-5 { - flex: 0 0 41.6666666667%; - max-width: 41.6666666667%; - } - - .col-6 { - flex: 0 0 50%; - max-width: 50%; - } - - .col-7 { - flex: 0 0 58.3333333333%; - max-width: 58.3333333333%; - } - - .col-8 { - flex: 0 0 66.6666666667%; - max-width: 66.6666666667%; - } - - .col-9 { - flex: 0 0 75%; - max-width: 75%; - } - - .col-10 { - flex: 0 0 83.3333333333%; - max-width: 83.3333333333%; - } - - .col-11 { - flex: 0 0 91.6666666667%; - max-width: 91.6666666667%; - } - - .col-12 { - flex: 0 0 100%; - max-width: 100%; - } - @media (min-width: 768px) { - section { - padding: 9rem 0; - } - } - .page-section { - padding: 6rem 0; - } - .page-section h2.section-heading { - font-size: 2.5rem; - margin-top: 0; - margin-bottom: 1rem; - } - .page-section h3.section-subheading { - font-size: 1rem; - font-weight: 400; - font-style: italic; - font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - margin-bottom: 4rem; - } - .team-member { - margin-bottom: 3rem; - text-align: center; - } - .team-member img { - width: 14rem; - height: 14rem; - border: 0.5rem solid rgba(0, 0, 0, 0.1); - } - .team-member h4 { - margin-top: 1.5rem; - margin-bottom: 0; - } - .bg-light { - background-color: #070707 !important; - } - .col-xl, - .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, - .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, - .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, - .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, - .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { - position: relative; - width: 100%; - padding-right: 0.75rem; - padding-left: 0.75rem; - } - - .col { - flex-basis: 0; - flex-grow: 1; - min-width: 0; - max-width: 100%; - } - - .row-cols-1 > * { - flex: 0 0 100%; - max-width: 100%; - } - - .row-cols-2 > * { - flex: 0 0 50%; - max-width: 50%; - } - - .row-cols-3 > * { - flex: 0 0 33.3333333333%; - max-width: 33.3333333333%; - } - - .row-cols-4 > * { - flex: 0 0 25%; - max-width: 25%; - } - - .row-cols-5 > * { - flex: 0 0 20%; - max-width: 20%; - } - - .row-cols-6 > * { - flex: 0 0 16.6666666667%; - max-width: 16.6666666667%; - } - - .col-auto { - flex: 0 0 auto; - width: auto; - max-width: 100%; - } - - .col-1 { - flex: 0 0 8.3333333333%; - max-width: 8.3333333333%; - } - - .col-2 { - flex: 0 0 16.6666666667%; - max-width: 16.6666666667%; - } - - .col-3 { - flex: 0 0 25%; - max-width: 25%; - } - - .col-4 { - flex: 0 0 33.3333333333%; - max-width: 33.3333333333%; - } - - .col-5 { - flex: 0 0 41.6666666667%; - max-width: 41.6666666667%; - } - - .col-6 { - flex: 0 0 50%; - max-width: 50%; - } - - .col-7 { - flex: 0 0 58.3333333333%; - max-width: 58.3333333333%; - } - - .col-8 { - flex: 0 0 66.6666666667%; - max-width: 66.6666666667%; - } - - .col-9 { - flex: 0 0 75%; - max-width: 75%; - } - - .col-10 { - flex: 0 0 83.3333333333%; - max-width: 83.3333333333%; - } - - .col-11 { - flex: 0 0 91.6666666667%; - max-width: 91.6666666667%; - } - - .col-12 { - flex: 0 0 100%; - max-width: 100%; - } - a.bg-light:hover, a.bg-light:focus, - button.bg-light:hover, - button.bg-light:focus { - background-color: #dae0e5 !important; - } + .page-section h2.section-heading { + font-size: 2.5rem; + margin-top: 0; + margin-bottom: 1rem; + } + .page-section h3.section-subheading { + font-size: 1rem; + font-weight: 400; + font-style: italic; + font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + margin-bottom: 4rem; + } + .team-member { + margin-bottom: 3rem; + text-align: center; + } + .team-member img { + width: 14rem; + height: 14rem; + border: 0.5rem solid rgba(0, 0, 0, 0.1); + } + .team-member h4 { + margin-top: 1.5rem; + margin-bottom: 0; + } + .bg-light { + background-color: #070707 !important; + } + .col-xl, + .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, + .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, + .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, + .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, + .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 0.75rem; + padding-left: 0.75rem; + } .row { display: flex; @@ -958,47 +256,6 @@ p { .content { padding: 50px 2% 250px; } -.hero { - position: relative; - background: #333 url(res/branch_big.svg) no-repeat center center fixed; - -webkit-background-size: cover; - -moz-background-size: cover; - background-size: cover; - background-attachment: local; -<<<<<<< HEAD -<<<<<<< HEAD - color: #FFFFFF; -======= -======= ->>>>>>> 3137fbe05e3d8f0ce8c66848913714aae94a4ff0 - body { - animation: 10000ms ease-in-out infinite color-change; -} - - -<<<<<<< HEAD - ->>>>>>> 362401d662a29cb198c7c00b361d9d098c08fc9b -======= - - - ->>>>>>> 3137fbe05e3d8f0ce8c66848913714aae94a4ff0 - padding-top: 70px; - min-height: 100vh; - letter-spacing: 2px; - font-family: "Montserrat", sans-serif; } - .hero h2 { - font-family: "Gotham-Bold", "Montserrat", sans-serif; } - h2, .h2 { - font-size: 2rem; - } - .hero #bottomRight { - bottom: 0; - right: 0; - text-align: right; - position: absolute; } - .scroll-text { height: 76.8px; overflow: hidden; } @@ -1024,46 +281,6 @@ p { -ms-transform: translateY(20px); transform: translateY(20px); } } -/*# sourceMappingURL=styles.css.map */ - -/* The side navigation menu */ -.sidenav { - height: 100%; /* 100% Full-height */ - width: 0; /* 0 width - change this with JavaScript */ - position: fixed; /* Stay in place */ - z-index: 1; /* Stay on top */ - top: 0; /* Stay at the top */ - right: 0; - background-color: #111; /* Black*/ - overflow-x: hidden; /* Disable horizontal scroll */ - padding-top: 60px; /* Place content 60px from the top */ - transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */ -} - -/* The navigation menu links */ -.sidenav a { - padding: 8px 8px 8px 32px; - text-decoration: none; - font-size: 25px; - color: #818181; - display: block; - transition: 0.3s; -} - -/* When you mouse over the navigation links, change their color */ -.sidenav a:hover { - color: #f1f1f1; -} - -/* Position and style the close button (top right corner) */ -.sidenav .closebtn { - position: absolute; - top: 0; - right: 25px; - font-size: 36px; - margin-left: 50px; -} - /* Style page content - use this if you want to push the page content to the right when you open the side navigation */ #main { transition: margin-left .5s; diff --git a/brancher/homepage/templates/homepage/index.html b/brancher/homepage/templates/homepage/index.html index e4f8242..c7a1bba 100644 --- a/brancher/homepage/templates/homepage/index.html +++ b/brancher/homepage/templates/homepage/index.html @@ -36,11 +36,11 @@ @@ -102,10 +102,10 @@ content, with much convenience."