Skip to content
GitLab
Projects
Groups
Snippets
Help
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
T
technobel.sf
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Service Desk
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Operations
Operations
Environments
Analytics
Analytics
CI / CD
Repository
Value Stream
Wiki
Wiki
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
mathieu
technobel.sf
Commits
52793218
Commit
52793218
authored
May 02, 2018
by
Mat
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
ajoute un hero sur la homepage
parent
0819ee69
Changes
6
Hide whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
197 additions
and
1 deletion
+197
-1
src/TechnoBundle/Controller/TechnoController.php
src/TechnoBundle/Controller/TechnoController.php
+13
-1
src/TechnoBundle/Resources/views/Default/index.html.twig
src/TechnoBundle/Resources/views/Default/index.html.twig
+38
-0
src/TechnoBundle/Resources/views/base.html.twig
src/TechnoBundle/Resources/views/base.html.twig
+1
-0
web/css/slider.css
web/css/slider.css
+109
-0
web/css/style.css
web/css/style.css
+10
-0
web/js/slider.js
web/js/slider.js
+26
-0
No files found.
src/TechnoBundle/Controller/TechnoController.php
View file @
52793218
...
...
@@ -8,7 +8,19 @@ class TechnoController extends Controller
{
public
function
indexAction
()
{
return
$this
->
render
(
'@Techno/Default/index.html.twig'
);
$result
=
$this
->
getDoctrine
()
->
getRepository
(
'TechnoBundle:Image'
)
->
findAll
();
$trio
=
array
();
for
(
$i
=
0
;
$i
<
4
;
$i
++
)
{
$trio
[]
=
rand
(
0
,
8
);
}
$selection
=
array
();
foreach
(
$trio
as
$k
=>
$value
)
{
$selection
[
$k
]
=
$result
[
$value
];
}
return
$this
->
render
(
'@Techno/Default/index.html.twig'
,
array
(
'slider'
=>
$selection
,
'result'
=>
$result
));
}
public
function
helloAction
(
$name
)
...
...
src/TechnoBundle/Resources/views/Default/index.html.twig
View file @
52793218
{%
extends
'@Techno/base.html.twig'
%}
{%
block
stylesheets
%}
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1"
>
<link
rel=
"stylesheet"
type=
"text/css"
href=
"
{{
asset
(
'css/slider.css'
)
}}
"
>
{{
parent
()
}}
{%
endblock
%}
{%
block
title
%}
Page d'accueil
{%
endblock
%}
{%
block
hero
%}
<section
id=
"hero"
>
<div
class=
"container"
>
<div
class=
"slideshow"
>
{%
for
image
in
slider
%}
<div
class=
"mySlides fade"
>
<div
class=
"numbertext"
>
{{
loop.index
}}
/
{{
slider
|
length
}}
</div>
<img
src=
"
{{
image.path
}}
"
style=
"width:100%"
>
<div
class=
"text"
>
{{
image.legend
}}
</div>
</div>
{%
endfor
%}
<a
class=
"prev"
onclick=
"plusSlides(-1)"
>
❮
</a>
<a
class=
"next"
onclick=
"plusSlides(1)"
>
❯
</a>
<div
class=
"bullets"
>
<span
class=
"dot"
onclick=
"currentSlide(1)"
></span>
<span
class=
"dot"
onclick=
"currentSlide(2)"
></span>
<span
class=
"dot"
onclick=
"currentSlide(3)"
></span>
</div>
</div>
</div>
</section>
{%
endblock
%}
{%
block
body
%}
{{
block
(
'breadcrumb'
)
}}
<h1>
{{
block
(
'title'
)
}}
</h1>
<h2>
Hello World!
</h2>
{%
endblock
%}
{%
block
javascripts
%}
{{
parent
()
}}
<script
src=
"
{{
asset
(
'js/slider.js'
)
}}
"
></script>
{%
endblock
%}
src/TechnoBundle/Resources/views/base.html.twig
View file @
52793218
...
...
@@ -45,6 +45,7 @@
</div>
</header>
{%
block
hero
%}{%
endblock
%}
<div
id=
"content"
>
<div
class=
"container"
>
...
...
web/css/slider.css
0 → 100644
View file @
52793218
*
{
box-sizing
:
border-box
}
body
#hero
{
font-family
:
Verdana
,
sans-serif
;
margin
:
0
}
#hero
.mySlides
{
display
:
none
;
}
#hero
img
{
vertical-align
:
middle
;
object-fit
:
cover
;
width
:
100%
;
height
:
250px
;
}
.bullets
{
text-align
:
center
;
margin-top
:
-35px
;
padding-bottom
:
16px
;
}
/* Slideshow container */
.slideshow
{
max-width
:
1000px
;
position
:
relative
;
margin
:
auto
;
}
/* Next & previous buttons */
.prev
,
.next
{
cursor
:
pointer
;
position
:
absolute
;
top
:
50%
;
width
:
auto
;
padding
:
16px
;
margin-top
:
-22px
;
color
:
white
;
font-weight
:
bold
;
font-size
:
18px
;
transition
:
0.6s
ease
;
border-radius
:
0
3px
3px
0
;
}
/* Position the "next button" to the right */
.next
{
right
:
0
;
border-radius
:
3px
0
0
3px
;
}
/* On hover, add a black background color with a little bit see-through */
.prev
:hover
,
.next
:hover
{
background-color
:
rgba
(
0
,
0
,
0
,
0.8
);
}
/* Caption text */
.text
{
color
:
#00000073
;
font-size
:
35px
;
padding
:
8px
12px
;
position
:
absolute
;
bottom
:
60px
;
width
:
100%
;
text-align
:
center
;
font-style
:
italic
;
}
/* Number text (1/3 etc) */
.numbertext
{
color
:
#f2f2f2
;
font-size
:
12px
;
padding
:
8px
12px
;
position
:
absolute
;
top
:
0
;
}
/* The dots/bullets/indicators */
.dot
{
cursor
:
pointer
;
height
:
15px
;
width
:
15px
;
margin
:
0
2px
;
background-color
:
#bbb
;
border-radius
:
50%
;
display
:
inline-block
;
transition
:
background-color
0.6s
ease
;
}
.active
,
.dot
:hover
{
background-color
:
#717171
;
}
/* Fading animation */
.fade
{
-webkit-animation-name
:
fade
;
-webkit-animation-duration
:
1.5s
;
animation-name
:
fade
;
animation-duration
:
1.5s
;
}
@-webkit-keyframes
fade
{
from
{
opacity
:
.4
}
to
{
opacity
:
1
}
}
@keyframes
fade
{
from
{
opacity
:
.4
}
to
{
opacity
:
1
}
}
/* On smaller screens, decrease text size */
@media
only
screen
and
(
max-width
:
300px
)
{
.prev
,
.next
,
.text
{
font-size
:
11px
}
}
web/css/style.css
View file @
52793218
...
...
@@ -95,6 +95,9 @@ div.container {
min-height
:
120px
;
}
#hero
.container
{
padding
:
0
;
}
#content
.container
{
min-height
:
100%
;
}
...
...
@@ -102,6 +105,10 @@ div.container {
padding
:
1em
4em
;
}
#hero
{
background-color
:
#dcdcdc
;
}
#content
aside
{
float
:
left
;
width
:
21%
;
...
...
@@ -110,6 +117,9 @@ div.container {
aside
h3
{
text-transform
:
uppercase
;
}
#content
aside
ul
li
.active
{
background-color
:
#d4d4d4
;
}
#content
section
{
float
:
right
;
width
:
74%
;
...
...
web/js/slider.js
0 → 100644
View file @
52793218
var
slideIndex
=
1
;
showSlides
(
slideIndex
);
function
plusSlides
(
n
)
{
showSlides
(
slideIndex
+=
n
);
}
function
currentSlide
(
n
)
{
showSlides
(
slideIndex
=
n
);
}
function
showSlides
(
n
)
{
var
i
;
var
slides
=
document
.
getElementsByClassName
(
"
mySlides
"
);
var
dots
=
document
.
getElementsByClassName
(
"
dot
"
);
if
(
n
>
slides
.
length
)
{
slideIndex
=
1
}
if
(
n
<
1
)
{
slideIndex
=
slides
.
length
}
for
(
i
=
0
;
i
<
slides
.
length
;
i
++
)
{
slides
[
i
].
style
.
display
=
"
none
"
;
}
for
(
i
=
0
;
i
<
dots
.
length
;
i
++
)
{
dots
[
i
].
className
=
dots
[
i
].
className
.
replace
(
"
active
"
,
""
);
}
slides
[
slideIndex
-
1
].
style
.
display
=
"
block
"
;
dots
[
slideIndex
-
1
].
className
+=
"
active
"
;
}
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment