New website UI

.editorconfig

@@ -11,3 +11,7 @@ indent_size = 4
 [*.html]
 indent_style = space
 indent_size = 2
+
+[*.css]
+indent_style = space
+indent_size = 2

data/menu.py

@@ -23,14 +23,10 @@
 
 # Main menu
 MENU = [
-    ('', 'Home'),
     ('news', 'News'),
-    ('security/', 'Security'),
-    ('support', 'Support'),
     ('docs', 'Docs'),
-    ('try', 'Try'),
+    ('about-website', 'About'),
+    ('support', 'Support'),
     ('contribute', 'Contribute'),
     ('sponsors', 'Sponsors'),
-    ('themes', 'Themes'),
-    ('downloads', 'Download'),
 ]

pmaweb/settings.py

@@ -24,9 +24,12 @@
 
 For more information on this file, see
 https://docs.djangoproject.com/en/1.7/topics/settings/
+https://django.readthedocs.io/en/1.7.x/topics/settings.html
 
 For the full list of settings and their values, see
 https://docs.djangoproject.com/en/1.7/ref/settings/
+https://django.readthedocs.io/en/1.7.x/ref/settings.html
+
 """
 
 # Build paths inside the project like this: os.path.join(BASE_DIR, ...)
@@ -39,6 +42,7 @@
 
 # Quick-start development settings - unsuitable for production
 # See https://docs.djangoproject.com/en/1.7/howto/deployment/checklist/
+# https://django.readthedocs.io/en/1.7.x/howto/deployment/checklist.html
 
 # SECURITY WARNING: keep the secret key used in production secret!
 SECRET_KEY = 'n$6di6axa*m5)$%yzhl6xhe%^b4t^)6#sbz_b5_7&ga@12(+_h'
@@ -107,14 +111,12 @@
 ]
 
 ROOT_URLCONF = 'pmaweb.urls'
-
 WSGI_APPLICATION = 'pmaweb.wsgi.application'
-
 SITE_ID = 1
 
 # Database
 # https://docs.djangoproject.com/en/1.7/ref/settings/#databases
-
+# https://django.readthedocs.io/en/1.7.x/ref/databases.html
 DATABASES = {
     'default': {
         'ENGINE': 'django.db.backends.sqlite3',
@@ -124,20 +126,16 @@
 
 # Internationalization
 # https://docs.djangoproject.com/en/1.7/topics/i18n/
-
+# https://django.readthedocs.io/en/1.7.x/topics/i18n/index.html
 LANGUAGE_CODE = 'en-us'
-
 TIME_ZONE = 'UTC'
-
 USE_I18N = True
-
 USE_L10N = True
-
 USE_TZ = True
 
-
 # Static files (CSS, JavaScript, Images)
 # https://docs.djangoproject.com/en/1.7/howto/static-files/
+# https://django.readthedocs.io/en/1.7.x/howto/static-files/
 
 STATIC_URL = '/static/'
 

pmaweb/static/bootstrap/css/modal.css

@@ -0,0 +1,124 @@
+
+.modal-open {
+  overflow: hidden;
+}
+.modal {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1050;
+  display: none;
+  overflow: hidden;
+  -webkit-overflow-scrolling: touch;
+  outline: 0;
+}
+.modal.fade .modal-dialog {
+  transform: translate(0, 0);
+  transition: transform 0.3s ease-out;
+}
+.modal.in .modal-dialog {
+  -webkit-transform: translate(0, 0);
+  -ms-transform: translate(0, 0);
+  -o-transform: translate(0, 0);
+  transform: translate(0, 0);
+}
+.modal-open .modal {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.modal-dialog {
+  position: relative;
+  width: auto;
+  margin: 10px;
+}
+.modal-content {
+  position: relative;
+  background-color: var(--background-page);
+  background-clip: padding-box;
+  border: 1px solid #999999;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 6px;
+  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+  outline: 0;
+}
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1040;
+  background-color: #000000;
+}
+.modal-backdrop.fade {
+  filter: alpha(opacity=0);
+  opacity: 0;
+}
+.modal-backdrop.in {
+  filter: alpha(opacity=50);
+  opacity: 0.5;
+}
+.modal-header {
+  display: flex;
+  flex-direction: row-reverse;
+  justify-content: space-between;
+  padding: 15px;
+  border-bottom: 1px solid #e5e5e5;
+}
+.modal-header .close {
+  margin-top: -2px;
+  background: transparent;
+  border: 0;
+  font-size: 2.3rem;
+}
+.modal-title {
+  margin: 0;
+  line-height: 1.42857143;
+}
+.modal-body {
+  position: relative;
+  padding: 15px;
+}
+.modal-footer {
+  padding: 15px;
+  text-align: right;
+  border-top: 1px solid #e5e5e5;
+}
+.modal-footer .btn + .btn {
+  margin-bottom: 0;
+  margin-left: 5px;
+}
+.modal-footer .btn-group .btn + .btn {
+  margin-left: -1px;
+}
+.modal-footer .btn-block + .btn-block {
+  margin-left: 0;
+}
+.modal-scrollbar-measure {
+  position: absolute;
+  top: -9999px;
+  width: 50px;
+  height: 50px;
+  overflow: scroll;
+}
+@media (min-width: 768px) {
+  .modal-dialog {
+    width: 600px;
+    margin: 30px auto;
+  }
+  .modal-content {
+    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+  }
+  .modal-sm {
+    width: 300px;
+  }
+}
+@media (min-width: 992px) {
+  .modal-lg {
+    width: 900px;
+  }
+}