code: Notifications

app/app/settings.py

@@ -124,6 +124,7 @@
     'wagtail.core',
     'cms',
     'revenue',
+    'inbox',
 ]
 
 MIDDLEWARE = [
@@ -154,7 +155,7 @@
 
 TEMPLATES = [{
     'BACKEND': 'django.template.backends.django.DjangoTemplates',
-    'DIRS': ['retail/templates/', 'dataviz/templates', 'kudos/templates'],
+    'DIRS': ['retail/templates/', 'dataviz/templates', 'kudos/templates', 'inbox/templates'],
     'APP_DIRS': True,
     'OPTIONS': {
         'context_processors': [

app/app/templates/shared/rain.html

@@ -16,4 +16,4 @@
 {% endcomment %}
 {% for i in "1234567890" %}
   <i class="rain {{ class }}"></i>
-{% endfor %}
+{% endfor %}

app/app/urls.py

@@ -58,6 +58,9 @@
 urlpatterns = [
     path('jsi18n/', JavaScriptCatalog.as_view(), name='javascript-catalog'),
 
+    # inbox
+    path('inbox/', include('inbox.urls', namespace='inbox')),
+
     # kudos
     path('kudos/', kudos.views.about, name='kudos_main'),
     path('kudos/about/', kudos.views.about, name='kudos_about'),

app/assets/onepager/css/main.css

@@ -2,24 +2,6 @@
 @charset "UTF-8";
 /* stylelint-disable no-descending-specificity */
 
-body {
-  line-height: 1;
-  -webkit-text-size-adjust: none;
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  color: #000000;
-  background-color: #0d023b;
-  background-image: url('/static/onepager/images/overlay.png'), -moz-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url('/static/v2/images/header-bg.png');
-  background-image: url('/static/onepager/images/overlay.png'), -webkit-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url('/static/v2/images/header-bg.png');
-  background-image: url('/static/onepager/images/overlay.png'), -ms-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url('/static/v2/images/header-bg.png');
-  background-image: url('/static/onepager/images/overlay.png'), linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url('/static/v2/images/header-bg.png');
-  background-repeat: no-repeat;
-  background-size: 110%;
-  background-position: center center;
-  background-attachment: fixed;
-}
-
 body.is-loading:after {
   opacity: 1;
 }
@@ -44,148 +26,6 @@ body.is-loading:after {
   margin: 2px;
 }
 
-#yge.receive,
-#yge.send {
-  overflow-y: hidden;
-}
-
-/* Reset */
-
-html,
-body,
-div,
-span,
-applet,
-object,
-iframe,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-blockquote,
-pre,
-a,
-abbr,
-acronym,
-address,
-big,
-cite,
-code,
-del,
-dfn,
-em,
-img,
-ins,
-kbd,
-q,
-s,
-samp,
-small,
-strike,
-strong,
-sub,
-sup,
-tt,
-var,
-b,
-u,
-i,
-center,
-dl,
-dt,
-dd,
-ol,
-ul,
-li,
-fieldset,
-form,
-label,
-legend,
-table,
-caption,
-tbody,
-tfoot,
-thead,
-tr,
-th,
-td,
-article,
-aside,
-canvas,
-details,
-embed,
-figure,
-figcaption,
-footer,
-header,
-hgroup,
-menu,
-nav,
-output,
-ruby,
-section,
-summary,
-time,
-mark,
-audio,
-video {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  font: inherit;
-  vertical-align: baseline;
-}
-
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-menu,
-nav,
-section {
-  display: block;
-}
-
-ol,
-ul {
-  list-style: none;
-}
-
-blockquote,
-q {
-  quotes: none;
-}
-
-blockquote:before,
-blockquote:after,
-q:before,
-q:after {
-  content: '';
-  content: none;
-}
-
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-
-/* Box Model */
-
-*,
-*:before,
-*:after {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-}
-
 /* Basic */
 
 @media screen and (max-width: 480px) {
@@ -480,7 +320,6 @@ input[type='radio'] + label::before {
   line-height: 1.58125em;
   position: absolute;
   text-align: center;
-  top: 0.15em;
   width: 1.65em;
 }
 
@@ -674,72 +513,19 @@ dl dd {
   position: absolute;
 }
 
-#footer {
-  -moz-align-self: -moz-flex-end;
-  -webkit-align-self: -webkit-flex-end;
-  -ms-align-self: -ms-flex-end;
-  align-self: flex-end;
-  width: 100%;
-  padding: 1.5em 0 0 0;
-  color: rgba(255, 255, 255, 0.75);
-  cursor: default;
-  text-align: center;
-  z-index: 2;
-}
-
-#footer .copyright {
-  margin: 0;
-  padding: 0;
-  font-size: 0.9em;
-  list-style: none;
-}
-
-#footer .copyright li {
-  display: inline-block;
-  margin: 0 0 0 0.45em;
-  padding: 0 0 0 0.85em;
-  border-left: solid 1px rgba(255, 255, 255, 0.5);
+.copyright a {
+  padding: 0 0.85em;
   line-height: 1;
 }
 
-#footer .copyright li:first-child {
-  border-left: 0;
+.copyright a:first-child {
+  border-right: solid 1px rgba(255, 255, 255, 0.5);
 }
 
 .pull-request-link:hover {
   color: #FFFFFF;
 }
 
-/* Wrapper */
-
-#wrapper {
-  display: -moz-flex;
-  display: -webkit-flex;
-  display: -ms-flex;
-  display: flex;
-  -moz-align-items: center;
-  -webkit-align-items: center;
-  -ms-align-items: center;
-  align-items: center;
-  -moz-justify-content: space-between;
-  -webkit-justify-content: space-between;
-  -ms-justify-content: space-between;
-  justify-content: space-between;
-  -moz-flex-direction: column;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -moz-perspective: 1000px;
-  -webkit-perspective: 1000px;
-  -ms-perspective: 1000px;
-  perspective: 1000px;
-  position: relative;
-  height: 100%;
-  overflow-y: scroll;
-  padding: 1.5em;
-  z-index: 2;
-}
-
 @media screen and (max-width: 360px) {
   #wrapper {
     padding: 0.75em;

app/assets/v2/css/box_redeem.css

@@ -1,7 +1,6 @@
 
 #main {
-  max-width: 100%;
-  min-width: 27em;
+  max-width: 440px;
   padding: 4.5em 3em 3em 3em;
   background: #ffffff;
   border-radius: 4px;
@@ -20,9 +19,9 @@
   -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
   -ms-transition: opacity 1s ease, -ms-transform 1s ease;
   transition: opacity 1s ease, transform 1s ease;
-  z-index: 9999;
+  z-index: 1;
   position: relative;
-  margin-top: 2rem;
+  margin: 2rem auto;
 }
 
 #main #ens_subdomain h1 {
@@ -96,4 +95,4 @@ body.is-loading #main {
   -webkit-transform: rotateX(15deg);
   -ms-transform: rotateX(15deg);
   transform: rotateX(15deg);
-}
+}

app/assets/v2/css/buttons.css

@@ -79,8 +79,6 @@ button {
 
 button:hover,
 button:focus {
-  border-color: var(--hover);
-  color: #fff;
   outline: none;
 }
 

app/assets/v2/css/external_bounties/checkboxes.css

@@ -91,3 +91,68 @@
   background-color: #26cd7f;
   border: 3px solid #36E69B;
 }
+
+/* border checkbox  */
+
+.gc-checkbox {
+  display: flex;
+  align-items: center;
+}
+
+.gc-checkbox input[type="checkbox"] {
+  -moz-appearance: none;
+	-webkit-appearance: none;
+	appearance: none;
+	margin-top: .75em;
+	opacity: .00001;
+	position: relative;
+	vertical-align: top;
+	z-index: 2;
+}
+
+.gc-checkbox label {
+  position: relative;
+  display: inline-block;
+  padding-left: 22px;
+  min-height: 16px;
+  vertical-align: middle;
+}
+
+.gc-checkbox label::before,
+.gc-checkbox label::after {
+  position: absolute;
+  content: "";
+  display: inline-block;
+}
+
+.gc-checkbox label::before{
+  height: 18px;
+  width: 18px;
+  border: 2px solid #9F9F9F;
+  border-radius: 3px;
+  left: 0px;
+  top: 3px;
+}
+
+.gc-checkbox label::after {
+  height: 6px;
+  width: 10px;
+  border-left: 2px solid;
+  border-bottom: 2px solid;
+  transform: rotate(-45deg);
+  left: 4px;
+  top: 8px;
+}
+
+.gc-checkbox input[type="checkbox"] + label::after {
+  content: none;
+}
+
+.gc-checkbox input[type="checkbox"]:checked + label::after {
+  content: "";
+}
+
+.gc-checkbox input[type="checkbox"]:focus + label::before {
+  outline: rgb(59, 153, 252) auto 5px;
+}
+