Skip to content
This repository was archived by the owner on Nov 23, 2021. It is now read-only.

Commit 9f6d24c

Browse files
ccerveraccervera
committed
Added Community Summit 2018 announcement, Smaller screen adjustments, News page adjustments, UI changes
1 parent 49cb534 commit 9f6d24c

File tree

31 files changed

+412
-235
lines changed

31 files changed

+412
-235
lines changed

‎assets/files/PosterCommunitySummit2018.pdf

616 KB
Binary file not shown.

‎assets/images/PosterCommunitySummit2018.png

1.31 MB
Loading

‎css/main.css

+4-2
Original file line numberDiff line numberDiff line change
@@ -135,7 +135,7 @@ div {
135135
.gettingStarted img {
136136
width: 50px;
137137
padding: 0px;
138-
margin-left: 30px;
138+
/*margin-left: 30px;*/
139139
}
140140

141141
#gettingStarted a {
@@ -172,6 +172,7 @@ div {
172172
margin-left: .15rem;
173173
height: .3rem;
174174
width: 5.5rem;
175+
border-radius: 2px;
175176
display: block;
176177
background-color: #4bbdec;
177178
}
@@ -189,6 +190,7 @@ div {
189190
margin-top: .8rem;
190191
margin-left: .15rem;
191192
height: .3rem;
193+
border-radius: 2px;
192194
width: 5.5rem;
193195
display: block;
194196
background-color: white;
@@ -207,7 +209,7 @@ div {
207209
}
208210

209211
.sideline-devon-blue {
210-
text-align: center;
212+
text-align: center !important;
211213
}
212214

213215
.sideline-devon-blue:before {

‎devon-main-content/sections/framework/component.css

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
.framework-bg img {
2+
height: 64px;
3+
width: auto;
4+
}
5+
6+
.framework-bg .btn {
7+
font-size: 10pt;
8+
padding: 5px !important;
9+
}
10+
11+
@media (min-width: 720px) {
12+
.framework-bg img {
13+
height: 128px;
14+
width: auto;
15+
}
16+
17+
.framework-bg .btn {
18+
font-size: 12pt;
19+
padding: 10px 15px !important;
20+
}
21+
}

‎devon-main-content/sections/framework/component.html

+6-6
Original file line numberDiff line numberDiff line change
@@ -12,18 +12,18 @@ <h5>
1212
</div>
1313
<div class="col-md-6">
1414
<div class="row">
15-
<div class="col-md-4 col-sm-4 text-center my-3">
16-
<img class="pb-4" src="/assets/images/javascript_icon.png" alt="JS-icon" height="128px" width="auto">
15+
<div class="col-md-4 col-sm-4 col-4 text-center my-3">
16+
<img class="pb-4" src="/assets/images/javascript_icon.png" alt="JS-icon">
1717
<h6>JavaScript</h6>
1818
<a href="/devon4-js" class="btn btn-lg btn-primary">More info</a>
1919
</div>
20-
<div class="col-md-4 col-sm-4 text-center my-3">
21-
<img class="pb-4" src="/assets/images/java_icon.png" alt="Java-icon" height="128px" width="auto">
20+
<div class="col-md-4 col-sm-4 col-4 text-center my-3">
21+
<img class="pb-4" src="/assets/images/java_icon.png" alt="Java-icon">
2222
<h6>Java</h6>
2323
<a href="/devon4-j" class="btn btn-lg btn-primary">More info</a>
2424
</div>
25-
<div class="col-md-4 col-sm-4 text-center my-3">
26-
<img class="pb-4" src="/assets/images/net_icon.png" alt="NET-icon" height="128px" width="auto">
25+
<div class="col-md-4 col-sm-4 col-4 text-center my-3">
26+
<img class="pb-4" src="/assets/images/net_icon.png" alt="NET-icon">
2727
<h6>.NET</h6>
2828
<a href="https://oasp4net.github.io" class="btn btn-lg btn-primary">More info</a>
2929
</div>

‎devon-main-content/sections/tab-bar/component.css

+38
Original file line numberDiff line numberDiff line change
@@ -12,4 +12,42 @@
1212
border-right: 100em solid transparent !important;
1313
border-bottom: 100em solid #4bbdec;
1414
color: white;
15+
}
16+
17+
.DEVONgallerydiv {
18+
text-align: center !important;
19+
}
20+
21+
.DEVONgallerydiv h3{
22+
font-size: 12pt;
23+
}
24+
25+
.nav-pills {
26+
overflow-x: auto;
27+
overflow-y: hidden;
28+
display: -webkit-box;
29+
display: -moz-box;
30+
}
31+
32+
.nav-pills>li {
33+
float: none;
34+
}
35+
36+
.scroll-indicator {
37+
color: blue;
38+
}
39+
40+
#tab-bar .col-10 {
41+
position: relative;
42+
}
43+
44+
.scroll-fade {
45+
position: absolute;
46+
top: 0;
47+
left: 0;
48+
pointer-events: none;
49+
background: linear-gradient(to right, #FFFFFFFF, #FFFFFF00, #FFFFFF00, #FFFFFF00, #FFFFFFFF);
50+
width: 100%;
51+
height: 50%;
52+
z-index: 10;
1553
}

‎devon-main-content/sections/tab-bar/component.html

+37-25
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,41 @@
1-
<section id="tab-bar" class="sectionGrey p-5 shadow mb-5 bg-white rounded">
1+
<section id="tab-bar" class="sectionGrey p-md-5 p-2 shadow mb-5 bg-white rounded">
2+
<div class="container">
3+
<div class="row">
4+
<div id="tab-bar-scroll-left" class="col-1 p-2 d-md-none scroll-indicator text-center">
5+
<i class="fas fa-caret-left"></i>
6+
</div>
7+
<div class="col-10">
8+
<ul id="tab-bar-scroll-wrapper" class="nav nav-pills mb-3 pl-5 pl-md-0" id="pills-tab" role="tablist">
9+
<li class="nav-item">
10+
<a class="nav-link active" id="flexible-tab" data-toggle="pill" href="#flexible" role="tab" aria-controls="pills-home" aria-selected="true">One Flexible Solution</a>
11+
</li>
12+
<li class="nav-item">
13+
<a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#architecture-background" role="tab" aria-controls="pills-profile"
14+
aria-selected="false">Architecture Background</a>
15+
</li>
16+
<li class="nav-item">
17+
<a class="nav-link" id="pills-contact-tab" data-toggle="pill" href="#architecture-patterns" role="tab" aria-controls="pills-contact"
18+
aria-selected="false">Architecture Patterns</a>
19+
</li>
20+
<li class="nav-item">
21+
<a class="nav-link" id="pills-home-tab" data-toggle="pill" href="#used-technologies" role="tab" aria-controls="pills-home"
22+
aria-selected="true">Used Technologies</a>
23+
</li>
24+
<li class="nav-item">
25+
<a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#IDE" role="tab" aria-controls="pills-profile" aria-selected="false">IDE</a>
26+
</li>
27+
<li class="nav-item">
28+
<a class="nav-link" id="pills-contact-tab" data-toggle="pill" href="#Examples" role="tab" aria-controls="pills-contact" aria-selected="false">Examples</a>
29+
</li>
30+
</ul>
31+
<div class="scroll-fade d-md-none"></div>
32+
</div>
33+
<div id="tab-bar-scroll-right" class="col-1 p-2 d-md-none scroll-indicator text-center">
34+
<i class="fas fa-caret-right"></i>
35+
</div>
36+
</div>
37+
</div>
238
<div class="container">
3-
<ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
4-
<li class="nav-item">
5-
<a class="nav-link active" id="flexible-tab" data-toggle="pill" href="#flexible" role="tab" aria-controls="pills-home" aria-selected="true">One Flexible Solution</a>
6-
</li>
7-
<li class="nav-item">
8-
<a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#architecture-background" role="tab" aria-controls="pills-profile"
9-
aria-selected="false">Architecture Background</a>
10-
</li>
11-
<li class="nav-item">
12-
<a class="nav-link" id="pills-contact-tab" data-toggle="pill" href="#architecture-patterns" role="tab" aria-controls="pills-contact"
13-
aria-selected="false">Architecture Patterns</a>
14-
</li>
15-
<li class="nav-item">
16-
<a class="nav-link" id="pills-home-tab" data-toggle="pill" href="#used-technologies" role="tab" aria-controls="pills-home"
17-
aria-selected="true">Used Technologies</a>
18-
</li>
19-
<li class="nav-item">
20-
<a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#IDE" role="tab" aria-controls="pills-profile" aria-selected="false">IDE</a>
21-
</li>
22-
<li class="nav-item">
23-
<a class="nav-link" id="pills-contact-tab" data-toggle="pill" href="#Examples" role="tab" aria-controls="pills-contact" aria-selected="false">Examples</a>
24-
</li>
25-
</ul>
26-
2739
<div class="tab-content" id="pills-tabContent">
2840

2941
<!-- ONE FLEXIBLE SOLUTION -->

‎devon-main-content/sections/testimonials/component.css

+13
Original file line numberDiff line numberDiff line change
@@ -9,4 +9,17 @@
99

1010
.bg-testimonial .carousel-control-next {
1111
right: -10%;
12+
}
13+
14+
.bg-testimonial {
15+
padding: 100px 0;
16+
}
17+
18+
@media (max-width: 768px) {
19+
.bg-testimonial {
20+
padding: 50px 20px;
21+
}
22+
#testimonials-slideshow .carousel-item {
23+
height: 425px;
24+
}
1225
}

‎devon-main-content/sections/testimonials/component.html

+45-55
Original file line numberDiff line numberDiff line change
@@ -1,80 +1,70 @@
1-
<div class="container-fluid m-0 p-0 p-sm-5 bg-dark bg-testimonial justify-content-center">
2-
<div class="container p-0 p-sm-5">
1+
<div class="container-fluid bg-dark bg-testimonial">
2+
<div class="container">
33
<!--SLIDESHOW-->
4-
<div id="testimonials-slideshow" class="carousel slide " data-ride="carousel">
5-
6-
4+
<div id="testimonials-slideshow" class="carousel slide" data-ride="carousel">
75
<ul class="carousel-indicators">
86
<li data-target="#testimonials-slideshow" data-slide-to="0" class="active"></li>
97
<li data-target="#testimonials-slideshow" data-slide-to="1"></li>
108
<li data-target="#testimonials-slideshow" data-slide-to="2"></li>
119
</ul>
1210

13-
<div class="carousel-inner text-white px-2 px-sm-0">
14-
<div class="mx-auto">
15-
<div class="carousel-item active">
16-
<div class="row">
17-
<div class="col-sm-12 col-md-2 d-flex flex-wrap align-content-center">
18-
<img class="m-auto d-block rounded-circle " src="/assets/images/testimonials/person-mkurz.jpg" alt="Image 1" width="128px"
19-
height="128px">
20-
</div>
21-
<div class="col-sm-12 col-md-10 p-1 p-sm-5 align-content-center">
22-
<div class="align-content-center" style="min-height: 7em;">
23-
<h3 class="m-2 text-center text-sm-center text-md-left">Michael Kurz, Capgemini Germany, Engagement Manager
24-
<br>
25-
<small>By using devon we can provide a responsive appealing UI for our client in a short
26-
timeframe.
27-
</small>
28-
</h3>
29-
</div>
11+
<div class="carousel-inner text-white">
12+
<div class="carousel-item active">
13+
<div class="row">
14+
<div class="col-sm-12 col-md-2">
15+
<img class="m-auto d-block rounded-circle" src="/assets/images/testimonials/person-mkurz.jpg" alt="Image 1" width="128px" height="128px">
16+
</div>
17+
<div class="col-sm-12 col-md-10">
18+
<div class="align-ocntent-center" style="min-height: 7em;">
19+
<h3 class="text-center text-sm-center text-md-left">
20+
Michael Kurz, Capgemini Germany, Engagement Manager
21+
<br/>
22+
<small>By using devon we can provide a responsive appealing UI for our client in a short timeframe.</small>
23+
</h3>
3024
</div>
3125
</div>
3226
</div>
33-
<div class="carousel-item">
34-
<div class="row">
35-
<div class="col-sm-12 col-md-2 d-flex flex-wrap align-content-center">
36-
<img class="m-auto d-block rounded-circle" src="/assets/images/testimonials/person-iwan.jpg" alt="Image 1" width="128px"
37-
height="128px">
38-
</div>
39-
<div class="col-sm-12 col-md-10 p-1 p-sm-5 align-content-center">
40-
<div class="align-content-center" style="min-height: 7em;">
41-
<h3 class="m-2 text-center text-sm-center text-md-left">Iwan Van der Kleijn, Capgemini Spain, iCSD core team
42-
<br>
43-
<small>I realized that devon fully delivers on its promises, when I saw a team of relative
44-
newbies get up to speed and productive in a breathtakingly short time.</small>
45-
</h3>
46-
</div>
27+
</div>
28+
<div class="carousel-item">
29+
<div class="row">
30+
<div class="col-sm-12 col-md-2">
31+
<img class="m-auto d-block rounded-circle" src="/assets/images/testimonials/person-iwan.jpg" alt="Image 2" width="128px" height="128px">
32+
</div>
33+
<div class="col-sm-12 col-md-10">
34+
<div class="align-ocntent-center" style="min-height: 7em;">
35+
<h3 class="text-center text-sm-center text-md-left">
36+
Iwan Van der Kleijn, Capgemini Spain, iCSD core team
37+
<br/>
38+
<small>I realized that devon fully delivers on its promises, when I saw a team of relative newbies get up to speed and productive in a breathtakingly short time.</small>
39+
</h3>
4740
</div>
4841
</div>
4942
</div>
50-
<div class="carousel-item">
51-
<div class="row">
52-
<div class="col-sm-12 col-md-2 d-flex flex-wrap align-content-center">
53-
<img class="m-auto d-block rounded-circle" src="/assets/images/testimonials/person-mesteve.jpg" alt="Image 1" width="128px"
54-
height="128px">
55-
</div>
56-
<div class="col-sm-12 col-md-10 p-1 p-sm-5 align-content-center">
57-
<div class="align-content-center" style="min-height: 7em;">
58-
<h3 class="m-2 text-center text-sm-center text-md-left">Manuel Esteve Esteve, Capgemini Spain, COE solutions
59-
<br>
60-
<small>With Devon you can make in days what usually takes weeks.</small>
61-
</h3>
62-
</div>
43+
</div>
44+
<div class="carousel-item">
45+
<div class="row">
46+
<div class="col-sm-12 col-md-2">
47+
<img class="m-auto d-block rounded-circle" src="/assets/images/testimonials/person-mesteve.jpg" alt="Image 1" width="128px" height="128px">
48+
</div>
49+
<div class="col-sm-12 col-md-10">
50+
<div class="align-ocntent-center" style="min-height: 7em;">
51+
<h3 class="text-center text-sm-center text-md-left">
52+
Manuel Esteve Esteve, Capgemini Spain, COE solutions
53+
<br/>
54+
<small>With devon you can make in days what usually takes weeks.</small>
55+
</h3>
6356
</div>
6457
</div>
6558
</div>
6659
</div>
6760
</div>
6861

69-
70-
<!-- CONTROLS -->
71-
<a class="carousel-control-prev" href="#testimonials-slideshow" data-slide="prev">
62+
<a class="carousel-control-prev d-sm-none d-none d-md-flex" href="#testimonials-slideshow" data-slide="prev">
7263
<span class="carousel-control-prev-icon text-color-dark"></span>
7364
</a>
74-
<a class="carousel-control-next" href="#testimonials-slideshow" data-slide="next">
75-
<span class="carousel-control-next-icon"></span>
65+
<a class="carousel-control-next d-sm-none d-none d-md-flex" href="#testimonials-slideshow" data-slide="next">
66+
<span class="carousel-control-next-icon text-color-dark"></span>
7667
</a>
7768
</div>
78-
<!-- -->
7969
</div>
8070
</div>

‎devon-main-content/sections/why-devonfw/component.html

+8-8
Original file line numberDiff line numberDiff line change
@@ -9,21 +9,21 @@ <h1 class="underline-devon-blue">Why devonfw?</h1>
99
<div class="row my-md-2 py-md-5">
1010
<div class="col-md-6 col-sm-12">
1111
<div class="row my-sm-3 py-sm-3">
12-
<div class="col-md-3 col-sm-2 col-2 mb-sm-2">
12+
<div class="col-md-3 col-sm-3 col-3 mb-sm-2">
1313
<img src="/assets/images/ico_innovation.svg" class="DEVONimg" alt="">
1414
</div>
15-
<div class="col-md-9 col-sm-10">
15+
<div class="col-md-9 col-sm-9 col-9">
1616
<h4>Innovation</h4>
1717
<p>Within the Digital Agenda of every organization nowadays, Innovation is the main driver</p>
1818
</div>
1919
</div>
2020
</div>
2121
<div class="col-md-6 col-sm-12">
2222
<div class="row my-sm-3 py-sm-3">
23-
<div class="col-md-3 col-sm-2 col-2 mb-sm-2">
23+
<div class="col-md-3 col-sm-3 col-3 mb-sm-2">
2424
<img src="/assets/images/ico_quality.svg" class="DEVONimg" alt="">
2525
</div>
26-
<div class="col-md-9 col-sm-10">
26+
<div class="col-md-9 col-sm-9 col-9">
2727
<h4>Quality</h4>
2828
<p>Organizations look for solutions with a superior design and high performance focusing on security
2929
and scalability</p>
@@ -34,21 +34,21 @@ <h4>Quality</h4>
3434
<div class="row my-md-2 py-md-5">
3535
<div class="col-md-6 col-sm-12">
3636
<div class="row my-sm-3 py-sm-3">
37-
<div class="col-md-3 col-sm-2 col-2 mb-sm-2">
37+
<div class="col-md-3 col-sm-3 col-3 mb-sm-2">
3838
<img src="/assets/images/ico_flexibility.svg" class="DEVONimg" alt="">
3939
</div>
40-
<div class="col-md-9 col-sm-10">
40+
<div class="col-md-9 col-sm-9 col-9">
4141
<h4>Flexibility</h4>
4242
<p>Because one size does not fit all, Digital Solutions must be adaptive to business requirements</p>
4343
</div>
4444
</div>
4545
</div>
4646
<div class="col-md-6 col-sm-12">
4747
<div class="row my-sm-3 py-sm-3">
48-
<div class="col-md-3 col-sm-2 col-2 mb-sm-2">
48+
<div class="col-md-3 col-sm-3 col-3 mb-sm-2">
4949
<img src="/assets/images/ico_highSpeed.svg" class="DEVONimg" alt="">
5050
</div>
51-
<div class="col-md-9 col-sm-10">
51+
<div class="col-md-9 col-sm-9 col-9">
5252
<h4>High Speed</h4>
5353
<p>Products and technologies change rapidly. Reducing time-to-market is critical</p>
5454
</div>

‎devon4-j/sections/getting-started/component.css

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
@media (min-width: 768px) {
2+
.gettingStarted {
3+
margin: 0 25%;
4+
}
5+
}

0 commit comments

Comments
 (0)