1st draft of application done, 5 days left.

portfolio/SQLs/schema.sql

@@ -15,3 +15,35 @@ CREATE TABLE IF NOT EXISTS "about"(
     FOREIGN KEY ("user_id") REFERENCES "users" ("id")
 );
 
+CREATE TABLE IF NOT EXISTS "skills"(
+    "skill_id" INTEGER PRIMARY KEY AUTOINCREMENT,
+    "user_id" INTEGER NOT NULL,
+    "skill_name" TEXT NOT NULL,
+    "skill_content" TEXT NOT NULL,
+    "skill_icon" TEXT NOT NULL,
+    FOREIGN KEY ("user_id") REFERENCES "users" ("id")
+);
+
+CREATE TABLE IF NOT EXISTS "experience"(
+    "experience_id" INTEGER PRIMARY KEY AUTOINCREMENT,
+    "user_id" INTEGER NOT NULL,
+    "start_date" TEXT NOT NULL,
+    "end_date" TEXT NOT NULL,
+    "employer" TEXT NOT NULL,
+    "role" TEXT NOT NULL,
+    "description" TEXT NOT NULL,
+    "tags" TEXT,
+    FOREIGN KEY ("user_id") REFERENCES "users" ("id")
+);
+
+CREATE TABLE IF NOT EXISTS "projects"(
+    "project_id" INTEGER PRIMARY KEY AUTOINCREMENT,
+    "user_id" INTEGER NOT NULL,
+    "project_name" TEXT NOT NULL,
+    "project_description" TEXT NOT NULL,
+    "project_screenshot" TEXT,
+    "project_url" TEXT,
+    "tags" TEXT,
+    "sort_order" INTEGER NOT NULL,
+    FOREIGN KEY ("user_id") REFERENCES "users" ("id")
+);

portfolio/__init__.py

@@ -9,6 +9,8 @@ from sqlalchemy.orm import declarative_base
 app = Flask(__name__, static_folder="static")
 app.secret_key = 'thisisasecretkey'
 app.config['PERMANENT_SESSION_LIFETIME'] = timedelta(days=7)
+app.config['UPLOAD_FOLDER'] = 'static/uploads'
+ALLOWED_EXTENSIONS = {'pdf', 'png', 'jpg', 'jpeg', 'gif'}
 
 
 

portfolio/static/css/style.css

@@ -80,7 +80,7 @@ main {
 }
 
 .about-container{
-  max-width: 600px;
+  max-width: 800px;
   border-radius: 10px;
   background-color: white;
   padding: 10px;
@@ -93,4 +93,126 @@ main {
 
 #editor{
   background-color: white;
-}
\ No newline at end of file
+}
+
+.skills-container{
+  max-width: 900px;
+  padding: 10px;
+  margin: 16px auto;
+}
+
+.skill-container{
+  max-width: 275px;
+  padding: 5px;
+  margin: 12px auto;
+  background-color: white;
+}
+
+.skill-icon{
+  max-width: 100px;
+}
+
+.skill-name{
+  font-weight: bold;
+  font-size: large;
+}
+
+.skill-content{
+  font-size: small;
+  margin: 5px auto;
+}
+
+.edit-delete{
+  font-size: small;
+  padding:3px;
+}
+
+.experience-container{
+  max-width: 900px;
+  padding: 10px;
+  margin: 16px auto;
+}
+
+.exp-container{
+  max-width: 800px;
+  padding: 25px;
+  margin: 16px auto;
+  background-color: white;
+  border-radius: 10px;
+}
+
+.form-check-label{
+  font-size: smaller;
+}
+
+.tag{
+  font-size: small;
+}
+
+.proj-img{
+  width: 185px;
+  max-height: 185px;
+  
+}
+
+.project-container{
+  max-width: 800px;
+  padding: 25px;
+  margin: 16px auto;
+  background-color: white;
+  border-radius: 10px;
+}
+
+.proj-content{
+  padding-left: 25px;
+  padding-right: 25px;
+}
+
+
+.port-container{
+  padding-left: 48px;
+  padding-right: 48px;
+}
+
+.port-user-info{
+  background-color: #222831;
+  position: sticky;
+  top: 0;
+}
+
+.port-name{
+  padding-top: 96px;
+}
+
+.port-role{
+  padding-bottom: 8px;
+}
+
+.port-headline{
+  max-width: 250px;
+  color:#94A3B8;
+}
+
+.port-role{
+}
+
+.port-nav-link{
+  color:#94A3B8;
+}
+
+.port-main{
+  background-color: #222831;
+}
+
+.port-about{
+  margin-bottom: 96px;
+}
+
+.port-skills{
+  margin-bottom: 96px;
+}
+
+.port-exp{
+  margin-bottom: 96px;
+}
+