Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Modified web design #29

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Modified web design #29

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 11 additions & 9 deletions resume/templates/account.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,20 +1,20 @@
{% extends "layout.html" %}
{% block content %}
<div class="content-section">
<div class="content-section" style="border-radius: 10px; box-shadow: 0px 8px 10px 0px rgba(38, 70, 83, 0.6); width: 42em; background-color: rgba(226, 234, 252, 0.5); padding: 30px;">
<div class="media">
<img class="rounded-circle account-img" src="{{ image_file }}">
<div class="media-body">
<h2 class="account-heading"> {{ current_user.username }}</h2>
<p class="text-secondary">{{ current_user.email }}</p>
<h2 class="account-heading" style="color: #3d5a80; font-weight: 720; font-size: 48;"><strong>{{ current_user.username }}</strong></h2>
<p class="text-secondary" style="color: #3d5a80; font-weight: 690; font-size: large; margin-left: 5px;">{{ current_user.email }}</p>
</div>
</div>

<form method="POST" action="" enctype="multipart/form-data">
{{ form.hidden_tag() }}
<fieldset class="form-group">
<legend class="border-bottom mb-4">About You</legend>
<legend class="border-bottom mb-4" style="color: #264653;"><strong>About You</strong></legend>
<div class="form-group">
{{ form.new_username.label(class="form-control-label") }}
{{ form.new_username.label(class="form-control-label", style="color: #264653; font-weight: 540; margin: 10px;") }}

{% if form.new_username.errors %}
{{ form.new_username(class="form-control form-control-lg is-invalid") }}
Expand All @@ -30,7 +30,7 @@ <h2 class="account-heading"> {{ current_user.username }}</h2>
</div>

<div class="form-group">
{{ form.new_email.label(class="form-control-label") }}
{{ form.new_email.label(class="form-control-label", style="color: #264653; font-weight: 540; margin-right: 29px; margin-left: 10px") }}

{% if form.new_email.errors %}
{{ form.new_email(class="form-control form-control-lg is-invalid") }}
Expand All @@ -45,16 +45,18 @@ <h2 class="account-heading"> {{ current_user.username }}</h2>

</div>
<div>
{{ form.picture.label() }}
{{ form.picture(class="form-control-file") }}
{{ form.picture.label(style="color: #264653; font-weight: 540; margin-right: 29px; margin-left: 10px") }}
{{ form.picture(class="form-control-file", style="color: #264653; font-weight: 540; margin-right: 29px; margin-left: 10px") }}
{% if form.picture.errors %}
{% for error in form.picture.errors %}
<span class="text-danger">{{ error }}</span></br>
{% endfor %}
{% endif %}
</div>
<div class="form-group">
{{ form.submit(class="btn btn-outline-info") }}
{{ form.submit(class="btn", style="background-color: #264653; border-radius: 5px; border-color: white; color: white; font-weight: 700; margin-top: 45px; margin-left: 10px;",
onmouseover="this.style.background='#22223b'",
onmouseout="this.style.background='#264653'") }}
</div>

</form>
Expand Down
12 changes: 7 additions & 5 deletions resume/templates/acheive.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,13 +2,13 @@
{% block content %}


<div class="content-section">
<div class="content-section" style="border-radius: 10px; box-shadow: 0px 10px 10px 0px rgba(38, 70, 83, 0.6); width: 42em; background-color: rgba(226, 234, 252, 0.5); padding: 30px;">

<form method="POST" action="">
{{ form.hidden_tag() }}
<fieldset class="form-group" id="cloneunder">
<legend class="border-bottom mb-4">Make Resume</legend>
<div class="form-group" id="skillclass">
<legend class="border-bottom mb-4" style="color: #264653; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;"><strong>CREATE YOUR RESUME</strong></legend>
<div class="form-group" id="skillclass" style="color: #3d5a80; font-weight: 720; font-size: large;">
{{ form.achname.label(class="form-control-label") }}

{% if form.achname.errors %}
Expand All @@ -24,7 +24,7 @@
{{ form.achname(class="form-control form-control-lg") }}
{% endif %}
</div>
<div class="form-group" id="skillclass">
<div class="form-group" id="skillclass" style="color: #3d5a80; font-weight: 720; font-size: large;">
{{ form.achdesc.label(class="form-control-label") }}

{% if form.achdesc.errors %}
Expand All @@ -48,7 +48,9 @@

</fieldset>
<div class="form-group">
{{ form.submit(class="btn btn-outline-info") }}
{{ form.submit(class="btn", style="background-color: #264653; border-radius: 5px; border-color: white; color: white; font-weight: 700;",
onmouseover="this.style.background='#22223b'",
onmouseout="this.style.background='#264653'") }}
</div>

</form>
Expand Down
26 changes: 15 additions & 11 deletions resume/templates/education.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,14 +2,14 @@
{% block content %}


<div class="content-section">
<div class="content-section" style="border-radius: 10px; box-shadow: 0px 10px 10px 0px rgba(38, 70, 83, 0.6); width: 42em; background-color: rgba(226, 234, 252, 0.5); padding: 30px;">
<form method="POST" action="">
{{ form.hidden_tag() }}
<fieldset class="form-group" id="cloneunder">
<legend class="border-bottom mb-4">Make Resume</legend>
<h1>Education Details</h1>
<legend class="border-bottom mb-4" style="color: #264653; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;"><strong>CREATE YOUR RESUME</strong></legend>
<h5 style="color: #264653; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;"><strong>EDUCATION DETAILS</strong></h5>
<div id="skillclass">
<div class="form-group">
<div class="form-group" style="color: #3d5a80; font-weight: 720; font-size: large;">
{{ form.college.label(class="form-control-label") }}

{% if form.college.errors %}
Expand All @@ -24,7 +24,7 @@ <h1>Education Details</h1>
{% endif %}
</div>

<div class="form-group">
<div class="form-group" style="color: #3d5a80; font-weight: 720; font-size: large;">
{{ form.start.label(class="form-control-label") }}

{% if form.start.errors %}
Expand All @@ -39,7 +39,7 @@ <h1>Education Details</h1>
{% endif %}
</div>

<div class="form-group">
<div class="form-group" style="color: #3d5a80; font-weight: 720; font-size: large;">
{{ form.end.label(class="form-control-label") }}

{% if form.end.errors %}
Expand All @@ -54,7 +54,7 @@ <h1>Education Details</h1>
{% endif %}
</div>

<div class="form-group">
<div class="form-group" style="color: #3d5a80; font-weight: 720; font-size: large;">
{{ form.cgpa.label(class="form-control-label") }}

{% if form.cgpa.errors %}
Expand All @@ -70,9 +70,13 @@ <h1>Education Details</h1>
</div>
</div>
</fieldset>
<a href="/resume/new/experience" class="btn btn-outline-success" style="float: right;">Go to Work Experience</a>
<a href="/resume/new/experience" class="btn" style="float: right; background-color: #264653; border-radius: 5px; border-color: white; color: white; font-weight: 700;"
onmouseover="this.style.background='green'",
onmouseout="this.style.background='#264653'">Go to Work Experience</a>
<div class="form-group">
{{ form.submit(class="btn btn-outline-info") }}
{{ form.submit(class="btn", style="background-color: #264653; border-radius: 5px; border-color: white; color: white; font-weight: 700;",
onmouseover="this.style.background='#22223b'",
onmouseout="this.style.background='#264653'") }}
</div>
</form>

Expand All @@ -81,11 +85,11 @@ <h1>Education Details</h1>

{% if eduadded and title=="Education"%}
<div class="content-section">
<h4>Education Added</h4>
<h4 style="color: #264653; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;"><strong>EDUCATION ADDED</strong></h4>

{% for education in eduadded %}
<article>
<h2 class="article-title">{{ education.name }}</h2>
<h5 class="article-title">{{ education.name }}</h5>
<p class="subDetails">Student</p>
<p class="subDetails"> {{ education.start }} - {{ education.end }}</p>
<h3>CGPA - {{ education.cgpa }}</h3>
Expand Down
28 changes: 16 additions & 12 deletions resume/templates/experience.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,15 +2,15 @@
{% block content %}


<div class="content-section">
<div class="content-section" style="border-radius: 10px; box-shadow: 0px 10px 10px 0px rgba(38, 70, 83, 0.6); width: 42em; background-color: rgba(226, 234, 252, 0.5); padding: 30px;">
<form method="POST" action="">
{{ form.hidden_tag() }}
<fieldset class="form-group" id="cloneunder">
<legend class="border-bottom mb-4">Make Resume</legend>
<h1>Work Experience</h1>
<legend class="border-bottom mb-4" style="color: #264653; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;"><strong>CREATE YOUR RESUME</strong></legend>
<h5 style="color: #264653; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;"><strong>WORK EXPERIENCE</strong></h5>
<div id="skillclass">

<div class="form-group">
<div class="form-group" style="color: #3d5a80; font-weight: 720; font-size: large;">
{{ form.company.label(class="form-control-label") }}

{% if form.company.errors %}
Expand All @@ -25,7 +25,7 @@ <h1>Work Experience</h1>
{% endif %}
</div>

<div class="form-group">
<div class="form-group" style="color: #3d5a80; font-weight: 720; font-size: large;">
{{ form.position.label(class="form-control-label") }}

{% if form.position.errors %}
Expand All @@ -40,7 +40,7 @@ <h1>Work Experience</h1>
{% endif %}
</div>

<div class="form-group">
<div class="form-group" style="color: #3d5a80; font-weight: 720; font-size: large;">
{{ form.startexp.label(class="form-control-label") }}

{% if form.startexp.errors %}
Expand All @@ -55,7 +55,7 @@ <h1>Work Experience</h1>
{% endif %}
</div>

<div class="form-group">
<div class="form-group" style="color: #3d5a80; font-weight: 720; font-size: large;">
{{ form.endexp.label(class="form-control-label") }}

{% if form.endexp.errors %}
Expand All @@ -70,7 +70,7 @@ <h1>Work Experience</h1>
{% endif %}
</div>

<div class="form-group">
<div class="form-group" style="color: #3d5a80; font-weight: 720; font-size: large;">
{{ form.content.label(class="form-control-label") }}

{% if form.content.errors %}
Expand All @@ -87,9 +87,13 @@ <h1>Work Experience</h1>
</div>

</fieldset>
<a href="/resume/new/projects" class="btn btn-outline-success" style="float: right;">Go to Projects</a>
<a href="/resume/new/projects" class="btn" style="float: right; float: right; background-color: #264653; border-radius: 5px; border-color: white; color: white; font-weight: 700;"
onmouseover="this.style.background='green'",
onmouseout="this.style.background='#264653'">Go to Projects</a>
<div class="form-group">
{{ form.submit(class="btn btn-outline-info") }}
{{ form.submit(class="btn", style="background-color: #264653; border-radius: 5px; border-color: white; color: white; font-weight: 700;",
onmouseover="this.style.background='#22223b'",
onmouseout="this.style.background='#264653'") }}
</div>


Expand All @@ -102,11 +106,11 @@ <h1>Work Experience</h1>

{% if expadded and title== "Experience" %}
<div class="content-section">
<h4>Experience Added</h4>
<h4 style="color: #264653; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;"><strong>EXPERIENCE ADDED</strong></h4>

{% for experience in expadded %}
<article>
<h2 class="article-title">{{ experience.company }}</h2>
<h5 class="article-title">{{ experience.company }}</h5>
<p class="subDetails">{{ experience.startexp }} - Present</p>
<p>{{ experience.content }}</p>
</article>
Expand Down
66 changes: 35 additions & 31 deletions resume/templates/home.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,40 +1,46 @@
{% extends "layout.html" %}
{% block content %}

<h1>Welcome to Resume Generator</h1>
<p></p>

<div>
<div style="background-color: rgba(226, 234, 252, 0.5); padding: 30px; padding-left: 60px; padding-top: 1px; height: 33em; margin-top: 30px; border-radius: 21px; box-shadow: 0px 10px 10px 0px rgba(38, 70, 83, 0.6);">
<h2 style="color: #264653; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin-top: 100px; margin-left: 12px;"><strong>WELCOME TO THE RESUME GENERATOR</strong></h2>
<br>
<article class="container">
<p class="article-content">Welcome to Resume Generator , create stunning resume </p>
<p class="article-content"> easily and fast , login and create your resume now </p>
<p class="article-content" style="font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 20px; color: #3d5a80;"><strong>Welcome to Resume Generator ! Create stunning resume.</strong></p>
<p class="article-content" style="font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 20px; color: #3d5a80;"><strong>Easy, fast and convenient. Just login and create your resume now !</strong></p>
</article>

{% if current_user.is_authenticated %}
<a href="/accounts" class="btn btn-outline-warning" style="float: left;">Update Account details Here</a>
<br>
<br>
<br>
<a href="/resume/new" class="btn btn-outline-danger" style="float: left;">Create Resume</a>
<br>
<br>
<br>
<a href="/download" class="btn btn-outline-success" style="float: center;">Generate PDF of Resume</a>
<br>
<br>
<br>
<a href="/share" class="btn btn-outline-info" style="float: center;">Share Resume</a>


{% if current_user.is_authenticated %}
<div class="btn-group" style="height: 50px;">
<button class="update-btn" style="float: left; margin-right: 50px; background-color: #264653; border-radius: 5px; border-color: white;"
onmouseover="this.style.background='#ffd500'"
onmouseout="this.style.background='#264653'"><a href="/accounts" class="btn" style="color: white; float: left;"><strong>Update Account details Here</strong></a></button>
<button class="create-btn" style="float: left; margin-right: 50px; background-color: #264653; border-radius: 5px; border-color: white;"
onmouseover="this.style.background='#d62839'"
onmouseout="this.style.background='#264653'"><a href="/resume/new" class="btn" style="float: left; color: white;"><strong>Create Resume</strong></a></button>
</div>
<br>
<br>
<br>
<div class="btn-group" style="height: 50px;">
<button class="generate-btn" style="float: left; margin-right: 50px; background-color: #264653; border-radius: 5px; border-color: white;"
onmouseover="this.style.background='green'"
onmouseout="this.style.background='#264653'"><a href="/download" class="btn" style="float: center; color: white;"><strong>Generate PDF of Resume</strong></a></button>
<br>
<br>
<br>
<button class="share-btn" style="float: left; margin-right: 50px; margin-left: 27px; background-color: #264653; border-radius: 5px; border-color: white;"
onmouseover="this.style.background='#788bff'"
onmouseout="this.style.background='#264653'"><a href="/share" class="btn" style="float: center; color: white;"><strong>Share Resume</strong></a></button>
</div>




{% else %}
<a href="/login" class="btn btn-outline-success" style="float: left;">Login to Continue</a>
<a href="/register" class="btn btn-outline-info" style="float: right;">Register Here </a>


<button class="login-btn" style="float: left; margin-right: 50px; margin-left: 27px; background-color: #264653; border-radius: 5px; border-color: white;"
onmouseover="this.style.background='#22223b'"
onmouseout="this.style.background='#264653'"><a href="/login" class="btn" style="float: center; color: white;"><strong>Login to Continue</strong></a></button>
<button class="register-btn" style="float: left; margin-right: 50px; margin-left: 27px; background-color: #264653; border-radius: 5px; border-color: white;"
onmouseover="this.style.background='#22223b'"
onmouseout="this.style.background='#264653'"><a href="/register" class="btn" style="float: center; color: white;"><strong>Register Here</strong></a></button>
{% endif %}

</div>
Expand All @@ -43,6 +49,4 @@ <h1>Welcome to Resume Generator</h1>


{% endblock content %}




Loading