Skip to content
This repository has been archived by the owner on Jan 13, 2019. It is now read-only.

added profdev and about faq and modified faq pages div to have dynami… #61

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
6 changes: 3 additions & 3 deletions website/static/website/css/main_style.css
Original file line number Diff line number Diff line change
Expand Up @@ -85,13 +85,13 @@ a {

#main-ir-inner-wrapper {
width: 990px;
height: 1630px;
/*height: 1630px;*/
margin: 0px auto 30px auto;
}

#content-ir-wrapper {
background-color: #fff;
padding: 20px 0 40px;
padding: 20px 0 80px;
margin: 35px auto;
box-shadow: 0 0 10px #bfbeba;
-moz-box-shadow: 0 0 10px #bfbeba;
Expand All @@ -112,7 +112,7 @@ a {
}

#content-ir-wrap {
height: 1450px;
/*height: 1450px;*/
}

#content-ir-text {
Expand Down
75 changes: 75 additions & 0 deletions website/templates/website/aboutfaq.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,75 @@
{% extends "website/header_footer.html" %}
{% load staticfiles %}
{% block javascript %}
<link rel="shortcut icon" href="{% static "website/favicon.ico" %}" type="image/x-icon">
<link rel=icon href="{% static "website/favicon.ico" %}" type="image/x-icon">

<script src="{% static "website/js/landingpage_banner_custom.js" %}"></script>
<script src="{% static "website/js/landingpage_main_custom.js" %}"></script>
<script src="https://storage.googleapis.com/code.getmdl.io/1.0.5/material.min.js"></script>
{% endblock %}


{% block content %}


<div id="main-wrapper">
<div id="main-ir-inner-wrapper">
<div id="content-ir-wrapper">
<div id="content-ir-header-wrapper">
<h1>General FAQ</h1>
</div>
<div id="content-ir-wrap">

<div id="content-ir-text">
<a href="#q1">What services does UPE offer?</a><br>
<a href="#q2">Who can join UPE?</a><br>
<a href="#q3">Where is the UPE office?</a><br>
</div>

<div id="content-ir-text">
<a class="anchor" name="q1"></a>
<h1>What services does UPE offer?</h1>
<p>UPE does resume critiques for those interested in improving their resume for their job or internship search. If you need some tutoring help in CS classes, we have office hours during which some of our members can help; you can go to our <a href="http://upe.berkeley.edu/oh/">office hours</a> page to see our full list of office hours and classes that we can help out with.We also do mock technical interviews, which you can sign up for <a href="http://upe.berkeley.edu/interview/">here</a>. If you want to practice on some technical interview problems before doing a mock interview, we have a Lending Library with books like "Cracking the Coding Interview" which you can borrow.
</p>
</div>
<div id="content-ir-text">
<a class="anchor" name="q2"></a>
<h1>Who can join UPE?</h1>
<p>Each semester, we send candidate invitations to the top third of declared Computer Science majors in the Letters &amp Sciences College at UC Berkeley. Upon completion of a series of requirements, candidates can initiate into UPE as members and become part of a vast network of computer science students.</p>
</div>
<div id="content-ir-text">
<a class="anchor" name="q3"></a>
<h1>Where is the UPE office?</h1>
<p>Room 346 at Soda Hall. Check our office hours page for when it's open.</p>
</div>
</div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(function() {
$('a[href*="#"]:not([href="#"])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html, body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
</script>









{% endblock %}
2 changes: 2 additions & 0 deletions website/templates/website/header_footer.html
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,7 @@
<li><a href="/officers">Officers</a></li>
<li><a href="/members">Members</a></li>
<li><a href="/alumni">Alumni</a></li>
<li><a href="/aboutfaq">FAQ</a></li>
</ul>
</li>
<li class="header-section">
Expand All @@ -51,6 +52,7 @@
<a href="#">Professional Development</a>
<ul id="subnav-2" class="subnav">
<li><a href="/interview">Technical Interviews</a></li>
<li><a href="/pdfaq">FAQ</a></li>
</ul>
</li>
<li class="header-section">
Expand Down
117 changes: 117 additions & 0 deletions website/templates/website/profdevfaq.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,117 @@
{% extends "website/header_footer.html" %}
{% load staticfiles %}
{% block javascript %}
<link rel="shortcut icon" href="{% static "website/favicon.ico" %}" type="image/x-icon">
<link rel=icon href="{% static "website/favicon.ico" %}" type="image/x-icon">

<script src="{% static "website/js/landingpage_banner_custom.js" %}"></script>
<script src="{% static "website/js/landingpage_main_custom.js" %}"></script>
<script src="https://storage.googleapis.com/code.getmdl.io/1.0.5/material.min.js"></script>
{% endblock %}


{% block content %}


<div id="main-wrapper">
<div id="main-ir-inner-wrapper">
<div id="content-ir-wrapper">
<div id="content-ir-header-wrapper">
<h1>Prof Dev: Frequently Asked Questions</h1>
</div>
<div id="content-ir-wrap">

<div id="content-ir-text">
<a href="#q1">How can I improve my resume?</a><br>
<a href="#q2">How do I receive a resume critique?</a><br>
<a href="#q3">How can I prepare for a technical interview?</a><br>
<a href="#q4">How do I borrow a book from UPE's Lending Library?</a><br>
<a href="#q5">What can I expect from a mock interview through UPE?</a><br>
<a href="#q6">How do I sign up for a mock interview?</a>
</div>

<div id="content-ir-text">
<a class="anchor" name="q1"></a>
<h1>How can I improve my resume?</h1>
<p>You can get your resume critiqued through UPE for more specific feedback, but in general:<br>
<u>Style:</u>
<ul>
<li>Make sure your resume is free of typos</li>
<li>Keep the design clean. For example, include enough whitespace between content and don't include too many colors so that your resume is not a strain on the eyes. Also don't make the text too small.</li>
<li>Have some hierarchical organization, separating sections with headers naming each section.</li>
<li>Place your name and contact info at the very top. Make sure that your name is large and that your contact info is easy to find.</li>
<li>Try to fill your resume up to exactly one page</li>
</ul>
<u>Content</u>
<ul>
<li>Only list experiences, achievements, and activities you started or continued in college</li>
<li>Include information most relevant to the job you are applying for</li>
<li>Make sure to specifically describe you contributions, not just the general description of your job/role.</li>
</ul>
</p>
</div>
<div id="content-ir-text">
<a class="anchor" name="q2"></a>
<h1>How do I receive a resume critique?</h1>
<p>Drop by the UPE office (346 Soda) during office hours (Mon-Fri 10am - 4pm), or send your resume to <a href="mailto:[email protected]">[email protected]</a> with the title "[UPE] Resume Critique Request"</p>
</div>
<div id="content-ir-text">
<a class="anchor" name="q3"></a>
<h1>How can I prepare for a technical interview?</h1>
<p>We recommend reading and working through books such as <a href="https://www.amazon.com/Introduction-Algorithms-3rd-MIT-Press/dp/0262033844">Introduction to Algorithms</a>, <a href="https://www.amazon.com/Algorithms-Sanjoy-Dasgupta/dp/0073523402">Algorithms</a>, <a href="https://www.amazon.com/Cracking-Coding-Interview-Programming-Questions/dp/098478280X">Cracking the Coding Interview</a>, and <a href="https://www.amazon.com/Pragmatic-Programmer-Journeyman-Master/dp/020161622X">The Pragmatic Programmer</a> (all of which are available through UPE's Lending Library, drop by the office if you'd like to borrow a book!). You can also practice coding problems on sites like <a href="https://www.hackerrank.com/">HackerRank</a> and <a href="https:/leetcode.com/">LeetCode</a>. We also offer mock interview sessions so that you can practice doing problems on a whiteboard under interview conditions.</p>
</div>
<div id="content-ir-text">
<a class="anchor" name="q4"></a>
<h1>How do I borrow a book from UPE's Lending Library?</h1>
<p>To checkout a book from our library, go to the office and pay an officer (by Venmo or cash) the cost of the book you would like to check out. Fill out the checkout form at this <a href="https://tinyurl.com/UPELibraryCheckout"> link</a>. You can borrow the book for up to two weeks, at which point you must return the book in good condition to get your money back. If you fail to return the book within two weeks, or if the book is damaged, we reserve the right to keep the money paid.</p>
</div>
<div id="content-ir-text">
<a class="anchor" name="q5"></a>
<h1>What can I expect from a mock interview through UPE?</h1>
<p>A member of UPE's professional committee will give you a coding problem to work out on the board, like during real technical interviews. You will have 30-45 minutes to work through the problem, and then the UPE member will give you feedback on how you can improve. Some general tips include:
<ul>
<li>Talking to your interviewer. In particular, make sure to ask clarifying questions after receiving the problem and explain your thought process while you are working through the problem</li>
<li>Using a programming language that you are very comfortable with. We recommend using Python, since it's fairly concise and easy to read.</li>
</ul>
</p>
</div>
<div id="content-ir-text">
<a class="anchor" name="q6"></a>
<h1>How do I sign up for a mock interview?</h1>
<p>Sign up for an interview slot on our calendar <a href="http://upe.berkeley.edu/interview/">here</a>, or if the open times on the calendar don't work, please send your availability to <a href="mailto:[email protected]">[email protected]</a> with the title "[UPE] Mock Interview Request."
</p>
</div>
</div>
</div>
</div>
</div>



<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(function() {
$('a[href*="#"]:not([href="#"])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html, body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
</script>









{% endblock %}
2 changes: 2 additions & 0 deletions website/urls.py
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,8 @@
url(r'^$', 'website.views.index', name='index'),
url(r'^oh/$', 'website.views.oh', name='oh'),
url(r'^ir/$', 'website.views.ir', name= 'ir'),
url(r'^pdfaq/$', 'website.views.profdevfaq', name= 'profdevfaq'),
url(r'^aboutfaq/$', 'website.views.aboutfaq', name= 'aboutfaq'),
url(r'^bookinterview/(?P<slot_id>[a-z]+[0-9]+)/$', 'website.views.book_interview', name='book_interview'),
url(r'^interview/$', 'website.views.interview', name='interview'),
url(r'^confirminterview/$', 'website.views.confirm_interview', name='confirm_interview'),
Expand Down
7 changes: 7 additions & 0 deletions website/views.py
Original file line number Diff line number Diff line change
Expand Up @@ -30,6 +30,13 @@ def oh(request):

def ir(request):
return render(request, 'website/ir.html', {})

def aboutfaq(request):
return render(request, 'website/aboutfaq.html', {})

def profdevfaq(request):
return render(request, 'website/profdevfaq.html', {})

"""
def interview(request):
time_dict = {9: "9:00am - 10:00am", 10: "10:00am - 11:00am", 11: "11:00am - 12:00pm", 12: "12:00pm - 1:00pm", 13: "1:00pm - 2:00pm",
Expand Down