First Commit from new machine

Author: Jay Welborn

.gitignore

@@ -23,6 +23,7 @@ migrations
 venv/
 ENV/
 myblogenv/
+myblog_env/
 
 # IDE stuff
 .idea

myblog/__init__.py

@@ -6,6 +6,8 @@
 from django.utils import timezone
 from django.urls import reverse
 
+from tinymce import HTMLField
+
 
 # Class for blog entries
 class Entry(models.Model):
@@ -17,7 +19,7 @@ class Meta:
     slug = models.SlugField(max_length=100, unique=True)
     header_image = models.ImageField(upload_to='media/%Y/%m/%d', blank=True)
     pub_date = models.DateTimeField('date published', default=datetime.now)
-    body = models.TextField()
+    body = HTMLField('Body')
     tags = models.ManyToManyField('Tag', related_name='entries', blank=True)
 
     def __str__(self):

myblog/blog/__init__.py

@@ -46,6 +46,7 @@
     max-width: 800px;
     padding: 20px;
     font-size: 16px;
+    margin-bottom: 20px;
 }
 
 .blog-list {
@@ -237,19 +238,4 @@ hr {
     width: 60%;
     border-color: #bbb;
     padding: 10px;
-}
-
-blockquote {
-    font-size: 14px;
-    font-style: italic;
-    font-family: 'Arsenal', serif;
-}
-
-ol {
-    font-family: 'Arsenal', serif;
-    list-style-type: upper-roman;
-}
-
-li {
-    padding: 3px;
 }

myblog/blog/apps.py

@@ -0,0 +1,13 @@
+blockquote {
+    font-size: 14px;
+    font-style: italic;
+}
+
+ol {
+    font-family: 'Arsenal', serif;
+    list-style-type: upper-roman;
+}
+
+li {
+    padding: 3px;
+}

myblog/blog/models.py

@@ -5,6 +5,24 @@
 from django.utils import timezone
 from django.db import models
 
+# Third Party Imports
+from tinymce import HTMLField
+
+
+# Model to store info about Fresh Start Development
+class BrandInfo(models.Model):
+
+    class Meta:
+        verbose_name_plural = 'Brand Information'
+
+    title = models.CharField(max_length=30)
+    sub_header = models.CharField(max_length=120)
+    description = HTMLField('description')
+    pub_date = models.DateField(default=timezone.now)
+
+    def __str__(self):
+        return self.title
+
 
 # Model to update "About Me" without re-writing html
 class About(models.Model):
@@ -14,7 +32,7 @@ class Meta:
 
     title = models.CharField(max_length=30)
     name = models.CharField(max_length=30)
-    bio = models.TextField()
+    bio = HTMLField('bio')
     pub_date = models.DateField(default=timezone.now)
 
     def __str__(self):
@@ -36,8 +54,11 @@ class Meta:
         verbose_name_plural = 'Contact'
 
     title = models.CharField(max_length=30)
-    facebook = models.URLField()
-    github = models.URLField()
+    facebook = models.URLField(blank=True)
+    github = models.URLField(blank=True)
+    linkedin = models.URLField(blank=True)
+    twitter = models.URLField(blank=True)
+    instagram = models.URLField(blank=True)
     email = models.EmailField()
     pub_date = models.DateField(default=timezone.now)
 

myblog/blog/static/blog/blog.css

@@ -0,0 +1,106 @@
+.navbar {
+    margin-bottom: 0px;
+}
+
+main {
+    overflow: hidden;
+}
+
+.bg {
+    position: fixed;
+    width: 150%;
+    height: 100vh; /*same height as jumbotron */
+    max-height: 1080px;
+    top:0;
+    left:-25%;
+    z-index: -1;
+    background-size: cover;
+    background: url('../../images/blue-angle.jpg') no-repeat center center;
+}
+
+#about-me-page {
+    max-width: 840px;
+    padding: 40px;
+    margin-left: auto;
+    margin-right: auto;
+    margin-left: auto;
+    margin-right: auto;
+    background: rgba(255, 255, 255, 0)
+}
+
+#brand-text {
+    min-height: 25vh;
+    margin-bottom: 0px;
+}
+
+#brand-text h1, #about-text h1 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+    text-align: left;
+    font-family: 'Ubuntu', sans-serif;
+    font-size: 6em;
+    margin-bottom: 40px;
+}
+
+#about-text {
+    max-width: 760px;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 50px;
+    margin-bottom: 50px;
+    min-height: 25vh;
+}
+
+
+#about-text ul {
+    width: 60%;
+    list-style-type: none;
+    font-family: 'Lora', serif;
+    padding: 0;
+    font-size: 1.1em;
+}
+
+#about-text ul li {
+    margin-bottom: 20px;
+    border-bottom: 1px solid #ddd;
+}
+
+#about-text img.portrait {
+    width: 30%;
+    float: right;
+}
+
+.prompt {
+    font-weight: bold;
+    font-style: italic;
+    display: inline-block;
+    width: 35%;
+    margin-right: 5px;
+}
+
+.fact {
+    display: inline-block;
+    width: 60%;
+}
+
+.body-copy {
+    text-align: left;
+    font-family: 'Lora', sans-serif;
+    font-size: 1.2em;
+}
+
+#bio {
+    display: block;
+    width: 60%;
+    padding-top: 30px;
+}
+
+@media screen and (max-width: 600px) {
+
+    #brand-text h1, #about-text h1 {
+        font-size: 350%;
+    }
+    #bio {
+        width: 100%;
+    }
+}