diff options
Diffstat (limited to 'static/website')
| -rw-r--r-- | static/website/css/main.css | 65 | ||||
| -rw-r--r-- | static/website/templates/ajax-duration.html | 2 | ||||
| -rw-r--r-- | static/website/templates/index.html | 41 |
3 files changed, 73 insertions, 35 deletions
diff --git a/static/website/css/main.css b/static/website/css/main.css index 9e68e7f..315845d 100644 --- a/static/website/css/main.css +++ b/static/website/css/main.css @@ -8,32 +8,63 @@ padding: 0 0 25px 0; } #content-inner { - + min-height: 600px; } #content{ - min-height: 600px; } -#content .category { - min-height: 50px; +#content .question { + padding: 15px 0 15px 0; border-bottom: 1px solid #f5f5f5; } -#content .category .questions { - color: #7395d9; +#content .question .title { + padding: 0 0 7px 0; + font-size: 1.3em; + color: #424242; } -#content .category .replies { - color: #a26dc8; +#content .question .title a { + color: #424242; } -#content .category .helper { - position: absolute; - right: 20px; - top: 5px; - font-size: 1.5em; - color: #cccccc; +#content .question .category { + padding: 2px 5px; + margin: 0 10px 0 0; + background: #a26dc8; + color: #ffffff; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; } -#content .tutorial { - min-height: 50px; - border-bottom: 1px solid #f5f5f5; +#content .question .tutorial { + padding: 2px 5px; + margin: 0 10px 0 0; + background: #424242; + color: #ffffff; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; } +#content .question .minute_range { + padding: 2px 5px; + margin: 0 10px 0 0; + background: #f5f5f5; + color: #424242; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; +} +#content .question .second_range { + padding: 2px 5px; + margin: 0 10px 0 0; + background: #f5f5f5; + color: #424242; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; +} + #footer-wrapper { background-color: #2d2d2d; min-height: 60px; diff --git a/static/website/templates/ajax-duration.html b/static/website/templates/ajax-duration.html index f89927b..22fe04f 100644 --- a/static/website/templates/ajax-duration.html +++ b/static/website/templates/ajax-duration.html @@ -10,7 +10,7 @@ <div id="seconds"> <option value="None">sec</option> {% for i in seconds|get_range:"0,10" %} - <option value="{{ i }}">{{ i }}-{{ i|add:"10" }} </option> + <option value="{{ i }}-{{ i|add:"10" }}">{{ i }}-{{ i|add:"10" }}</option> {% endfor %} </div> <!-- /#seconds --> </div> <!-- /required for ajax --> diff --git a/static/website/templates/index.html b/static/website/templates/index.html index 471fb48..c54b637 100644 --- a/static/website/templates/index.html +++ b/static/website/templates/index.html @@ -1,20 +1,27 @@ {% extends 'website/templates/base.html' %} {% block content %} -{% for category in categories %} - <div class="category col-lg-4"> - <a href="{% url 'website:fetch_tutorials' category %}">{{ category }}</a> - <br> - {% load count_tags %} - <span class="questions"> - {% category_question_count category %} questions, - </span> - <span class="replies"> - {% category_question_count category %} replies - </span> - <span class="helper"> - A - </span> - </div> -{% endfor %} -<div class="clear"></div> +<h4>Recent Questions</h4> + {% for question in questions %} + <div class="question"> + <div class="title"> + <a href="">{{ question.title }}</a> + </div> + + <span class="category"> + <small>{{ question.category }}</small> + </span> + + <span class="tutorial"> + <small>{{ question.tutorial}}</small> + </span> + + <span class="minute_range"> + <small>{{ question.minute_range }} min</small> + </span> + + <span class="second_range"> + <small>{{ question.second_range }} sec</small> + </span> + </div> + {% endfor %} {% endblock %} |