Commit 10352fd9 authored by Dipesh Batheja's avatar Dipesh Batheja

Revert "projects and single project updates"

This reverts commit 67a0dfb5
parent 67a0dfb5
Pipeline #2241 skipped
......@@ -13,8 +13,5 @@
"bower_components",
"test",
"tests"
],
"dependencies": {
"jquery-cycle2": "^2.1.6"
}
]
}
......@@ -15,7 +15,6 @@
{ "src": "node_modules/tether/dist/js/tether.js", "inject": "footer" },
{ "src": "node_modules/bootstrap/dist/js/bootstrap.js", "inject": "footer" },
{ "src": "node_modules/object-fit-images/dist/ofi.browser.js", "inject": "footer" },
{ "src": "bower_components/jquery-cycle2/build/jquery.cycle2.js", "inject": "footer" },
{ "src": "src/client/javascript/main.js", "inject": "footer" }
]
}
......
{% set html_class = "" %}
{% set body_class = "projects" %}
{% set body_class = "" %}
{% set page_name = "Projects" %}
{% extends 'layouts/default.html' %}
{% block content %}
<!-- page-head -->
<!-- /page-head -->
<!-- content -->
<div id="content">
<!-- filters -->
<div id="filters">
<div class="container">
<ul>
<li class="active"><a href="#">Alle Projekte</a></li>
<li><a href="#">Gewerbe- und Industriebau</a></li>
<li><a href="#">Landwirtschaftsbau</a></li>
<li><a href="#">Wohnbau</a></li>
<li><a href="#">Entwürfe</a></li>
</ul>
<!-- section -->
<div class="section section2">
<div class="container">
<ul class="list1">
<li>
<div class="box1">
<a href="#">
<figure>
<img src="images/image3.jpg" alt="Energiehaus">
<figcaption>Energiehaus</figcaption>
</figure>
</a>
</div>
</li>
<li>
<div class="box1">
<a href="#">
<figure>
<img src="images/image4.jpg" alt="Einfamilienwohnhaus">
<figcaption>Einfamilienwohnhaus</figcaption>
</figure>
</a>
</div>
</li>
<li>
<div class="box1">
<a href="#">
<figure>
<img src="images/image5.jpg" alt="Brandauer">
<figcaption>Brandauer</figcaption>
</figure>
</a>
</div>
</li>
<li>
<div class="box1">
<a href="#">
<figure>
<img src="images/image3.jpg" alt="Energiehaus">
<figcaption>Energiehaus</figcaption>
</figure>
</a>
</div>
</li>
<li>
<div class="box1">
<a href="#">
<figure>
<img src="images/image4.jpg" alt="Einfamilienwohnhaus">
<figcaption>Einfamilienwohnhaus</figcaption>
</figure>
</a>
</div>
</li>
<li>
<div class="box1">
<a href="#">
<figure>
<img src="images/image5.jpg" alt="Brandauer">
<figcaption>Brandauer</figcaption>
</figure>
</a>
</div>
</li>
<li>
<div class="box1">
<a href="#">
<figure>
<img src="images/image3.jpg" alt="Energiehaus">
<figcaption>Energiehaus</figcaption>
</figure>
</a>
</div>
</li>
<li>
<div class="box1">
<a href="#">
<figure>
<img src="images/image4.jpg" alt="Einfamilienwohnhaus">
<figcaption>Einfamilienwohnhaus</figcaption>
</figure>
</a>
</div>
</li>
<li>
<div class="box1">
<a href="#">
<figure>
<img src="images/image5.jpg" alt="Brandauer">
<figcaption>Brandauer</figcaption>
</figure>
</a>
</div>
</li>
<li>
<div class="box1">
<a href="#">
<figure>
<img src="images/image3.jpg" alt="Energiehaus">
<figcaption>Energiehaus</figcaption>
</figure>
</a>
</div>
</li>
<li>
<div class="box1">
<a href="#">
<figure>
<img src="images/image4.jpg" alt="Einfamilienwohnhaus">
<figcaption>Einfamilienwohnhaus</figcaption>
</figure>
</a>
</div>
</li>
<li>
<div class="box1">
<a href="#">
<figure>
<img src="images/image5.jpg" alt="Brandauer">
<figcaption>Brandauer</figcaption>
</figure>
</a>
</div>
</li>
</ul>
<div class="text-xs-center">
<a href="#" class="btn btn-primary">Mehr anzeigen</a>
</div>
</div>
<!-- /filters -->
<!-- section -->
<div class="section section2">
<div class="container">
<ul class="list1">
<li>
<div class="box1">
<a href="#">
<figure>
<img src="images/image3.jpg" alt="Energiehaus">
<figcaption>Energiehaus</figcaption>
</figure>
</a>
</div>
</li>
<li>
<div class="box1">
<a href="#">
<figure>
<img src="images/image4.jpg" alt="Einfamilienwohnhaus">
<figcaption>Einfamilienwohnhaus</figcaption>
</figure>
</a>
</div>
</li>
<li>
<div class="box1">
<a href="#">
<figure>
<img src="images/image5.jpg" alt="Brandauer">
<figcaption>Brandauer</figcaption>
</figure>
</a>
</div>
</li>
<li>
<div class="box1">
<a href="#">
<figure>
<img src="images/image3.jpg" alt="Energiehaus">
<figcaption>Energiehaus</figcaption>
</figure>
</a>
</div>
</li>
<li>
<div class="box1">
<a href="#">
<figure>
<img src="images/image4.jpg" alt="Einfamilienwohnhaus">
<figcaption>Einfamilienwohnhaus</figcaption>
</figure>
</a>
</div>
</li>
<li>
<div class="box1">
<a href="#">
<figure>
<img src="images/image5.jpg" alt="Brandauer">
<figcaption>Brandauer</figcaption>
</figure>
</a>
</div>
</li>
<li>
<div class="box1">
<a href="#">
<figure>
<img src="images/image3.jpg" alt="Energiehaus">
<figcaption>Energiehaus</figcaption>
</figure>
</a>
</div>
</li>
<li>
<div class="box1">
<a href="#">
<figure>
<img src="images/image4.jpg" alt="Einfamilienwohnhaus">
<figcaption>Einfamilienwohnhaus</figcaption>
</figure>
</a>
</div>
</li>
<li>
<div class="box1">
<a href="#">
<figure>
<img src="images/image5.jpg" alt="Brandauer">
<figcaption>Brandauer</figcaption>
</figure>
</a>
</div>
</li>
<li>
<div class="box1">
<a href="#">
<figure>
<img src="images/image3.jpg" alt="Energiehaus">
<figcaption>Energiehaus</figcaption>
</figure>
</a>
</div>
</li>
<li>
<div class="box1">
<a href="#">
<figure>
<img src="images/image4.jpg" alt="Einfamilienwohnhaus">
<figcaption>Einfamilienwohnhaus</figcaption>
</figure>
</a>
</div>
</li>
<li>
<div class="box1">
<a href="#">
<figure>
<img src="images/image5.jpg" alt="Brandauer">
<figcaption>Brandauer</figcaption>
</figure>
</a>
</div>
</li>
</ul>
<div class="text-xs-center">
<a href="#" class="btn btn-primary">Mehr anzeigen</a>
</div>
</div>
</div>
<!-- /section -->
</div>
<!-- /section -->
</div>
<!-- content -->
{% endblock %}
......
{% set html_class = "" %}
{% set body_class = "projects" %}
{% set page_name = "Single Project" %}
{% extends 'layouts/default.html' %}
{% block content %}
<!-- content -->
<div id="content">
<!-- filters -->
<div id="filters">
<div class="container">
<ul>
<li class="active"><a href="#">Alle Projekte</a></li>
<li><a href="#">Gewerbe- und Industriebau</a></li>
<li><a href="#">Landwirtschaftsbau</a></li>
<li><a href="#">Wohnbau</a></li>
<li><a href="#">Entwürfe</a></li>
</ul>
</div>
</div>
<!-- /filters -->
<!-- section -->
<div class="section section2">
<div class="container">
<!-- slideshow -->
<div class="slideshow cycle-slideshow" data-cycle-slides=".slide">
<div class="cycle-prev"></div>
<div class="cycle-next"></div>
<div class="slide">
<img alt="image" src="images/image6.jpg">
</div>
<div class="slide">
<img alt="image" src="images/image7.jpg">
</div>
</div>
<!-- /slideshow -->
<!-- project-info -->
<div class="project-info">
<div class="row">
<div class="col-md-8">
</div>
<div class="col-md-4">
</div>
</div>
</div>
<!-- /project-info -->
<ul class="list1">
<li>
<div class="box1">
<a href="#">
<figure>
<img src="images/image3.jpg" alt="Energiehaus">
<figcaption>Energiehaus</figcaption>
</figure>
</a>
</div>
</li>
<li>
<div class="box1">
<a href="#">
<figure>
<img src="images/image4.jpg" alt="Einfamilienwohnhaus">
<figcaption>Einfamilienwohnhaus</figcaption>
</figure>
</a>
</div>
</li>
<li>
<div class="box1">
<a href="#">
<figure>
<img src="images/image5.jpg" alt="Brandauer">
<figcaption>Brandauer</figcaption>
</figure>
</a>
</div>
</li>
</ul>
</div>
</div>
<!-- /section -->
</div>
<!-- content -->
{% endblock %}
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="160px" height="436px" viewBox="0 0 160 436" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
<title>Rectangle 161</title>
<desc>Created with Sketch.</desc>
<defs>
<linearGradient x1="3.061617e-15%" y1="50%" x2="100%" y2="50%" id="linearGradient-1">
<stop stop-color="#000000" stop-opacity="0" offset="0%"></stop>
<stop stop-color="#000000" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.279734142">
<g id="Artist" transform="translate(-732.000000, -334.000000)" fill="url(#linearGradient-1)">
<rect id="Rectangle-161" x="732" y="334" width="160" height="436"></rect>
</g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="37px" height="77px" viewBox="0 0 37 77" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
<title>arrow-right copy</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Vertical-menu" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.799497756">
<g id="Single-Project" transform="translate(-1406.000000, -553.000000)" fill="#FFFFFF">
<path d="M1408.18709,589.365865 L1406,591.439719 L1438.09097,630 L1441.04713,628.020386 L1410.65714,591.900039 L1442.96887,555.32683 L1440.66133,553 L1408.18709,589.365865 Z" id="arrow-right-copy" transform="translate(1424.484437, 591.500000) scale(-1, 1) translate(-1424.484437, -591.500000) "></path>
</g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="130px" height="855px" viewBox="0 0 130 855" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
<title>Rectangle 2</title>
<desc>Created with Sketch.</desc>
<defs>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
<stop stop-color="#FFFFFF" stop-opacity="0.5" offset="0%"></stop>
<stop stop-color="#000000" stop-opacity="0.5" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Vertical-menu" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Single-Project" transform="translate(-176.000000, -165.000000)" fill="url(#linearGradient-1)">
<rect id="Rectangle-2" style="mix-blend-mode: multiply;" transform="translate(241.000000, 592.500000) rotate(90.000000) translate(-241.000000, -592.500000) " x="-186.5" y="527.5" width="855" height="130"></rect>
</g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="37px" height="77px" viewBox="0 0 37 77" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
<title>arrow-right copy</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Vertical-menu" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.803725091">
<g id="Single-Project" transform="translate(-191.000000, -553.000000)" fill="#FFFFFF">
<path d="M191.871252,590.613578 L191,591.439719 L223.090969,630 L226.047128,628.020386 L195.37881,591.569222 L227.968873,555.073652 L225.077817,553 L191.858395,590.600614 L191.871252,590.613578 Z" id="arrow-right-copy" transform="translate(209.484437, 591.500000) scale(-1, 1) rotate(180.000000) translate(-209.484437, -591.500000) "></path>
</g>
</g>
</svg>
\ No newline at end of file
#filters {
background: $gray-dark;
padding: $padding-base + 17 $padding-base * 0 $padding-base + 16;
ul {
margin: $margin-base * 0;
padding: $padding-base * 0;
list-style: none;
}
li {
display: inline-block;
margin-right: $margin-base;
&:last-child {
margin-right: $margin-base * 0;
}
&:hover, &.active {
a {
background: rgba($gray-light, 0.37);
border-color: rgba(#979797, 0.37);
}
}
a {
display: block;
background: rgba($gray-light, 0.13);
border: 1px solid rgba(#979797, 0.13);
padding: $padding-base $padding-base + 20 $padding-base + 5;
font-size: rem-calc(20);
line-height: calc(23 / 20);
color: $white;
@include cubic-transition;
}
}
}
......@@ -11,5 +11,3 @@
@import "box1";
@import "section";
@import "filters";
@import "slideshow";
......@@ -8,12 +8,6 @@
}
}
.projects {
.section {
padding: $padding-base + 45 $padding-base * 0;
}
}
@media (max-width: 991px) {
.section {
padding: $padding-base + 45 $padding-base * 0;
......
.slideshow {
.cycle-next, .cycle-prev {
width: 130px;
height: 100%;
position: absolute;
top: 0;
opacity: 0;
z-index: 100;
cursor: pointer;
@include cubic-transition(opacity);
&:hover {
opacity: 1;
}
&:before {
content: '';
display: block;
height: 77px;
width: 37px;
@include vertical-center;
}
}
.cycle-next {
background: url('../images/next-button-bg.svg') repeat-y;
right: 0;
&:before {
background: url('../images/next-button.svg') no-repeat center center;
right: 13px;
}
}
.cycle-prev {
background: url('../images/previous-button-bg.svg') repeat-y;
left: 0;
&:before {
background: url('../images/previous-button.svg') no-repeat center center;
left: 13px;
}
}
}
@import "home";
@import "contact";
@import "single-project";
.project-info {
margin-bottom: $margin-base + 45;
}
......@@ -46,7 +46,7 @@ $white: #ffffff !default;
$gray-dark: #485255 !default;
$gray: #404A4C !default;
$gray-light: #D8D8D8 !default;
$gray-light: #818a91 !default;
$gray-lighter: #eceeef !default;
$gray-lightest: #f7f7f9 !default;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment