Skip to content

Commit

Permalink
Merge pull request #2 from seccom-ufsc/palestrantes
Browse files Browse the repository at this point in the history 
Ajustes ao carrossel de palestrantes #1
  • Loading branch information
@eduperottoni
eduperottoni authored Aug 16, 2024
2 parents 5c74105 + ebfaa98 commit 682fe2c
Show file tree
Hide file tree
Showing 17 changed files with 4,022 additions and 7 deletions.
56 changes: 49 additions & 7 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,14 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SECCOM 2024</title>
<link rel="icon" type="image/x-icon" href="/img/tmp-logo.png">

<link rel="stylesheet" href="style/style.css">
<link rel="stylesheet" href="style/carrossel.css">
<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
<link href='https://cdn.jsdelivr.net/npm/[email protected]/main.min.css' rel='stylesheet' />
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"/>

<link rel="icon" type="image/x-icon" href="/img/tmp-logo.png">
<link rel="stylesheet" href="style/style.css">
Expand All @@ -16,13 +24,17 @@
<script src='https://cdn.jsdelivr.net/npm/[email protected]/index.global.min.js'></script>
<script src='https://cdn.jsdelivr.net/npm/@fullcalendar/[email protected]/index.global.min.js'></script>
<script src='https://cdn.jsdelivr.net/npm/@fullcalendar/[email protected]/index.global.min.js'></script>
<script src="script/calendar.js" defer></script>

<!-- Matrix -->
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
<script
src="https://code.jquery.com/jquery-3.7.1.slim.min.js"
integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8="
crossorigin="anonymous"></script>

<script src="script/matrix.js" defer></script>
<script src="script/calendar.js" defer></script>
<script src="script/palest.js" defer></script>
</head>
<body>

<nav class="navbar navbar-expand-lg bg-body-tertiary sticky-top">
<div class="container-fluid">
<a class="navbar-brand" href="#">
Expand All @@ -45,7 +57,7 @@
<a class="nav-link" href="#program">Programação</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#palest">Palestras</a>
<a class="nav-link" href="#palest">Palestrantes</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contato">Contato</a>
Expand Down Expand Up @@ -133,9 +145,36 @@ <h3 id="section-title"></h3>
</section>
<!-- #endregion -->

<!-- #region PALESTRAS -->
<!-- #region PALESTRANTES -->
<section id="palest" class="container">
<h2 class="display-6 text-center">Palestras</h2>
<h2 class="display-6 text-center">Palestrantes</h2>
<div class = "carrossel">
<div class = "carrossel-item">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSJybAolHwkjt556GvzligLSyZZ3D0ugNHkiw&s"/>
<h3>John Doe</h3>
<p class="title">CEO & Founder, Example</p>
</div>
<div class = "carrossel-item">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSJybAolHwkjt556GvzligLSyZZ3D0ugNHkiw&s"/>
<h3>John Doe</h3>
<p class="title">CEO & Founder, Example</p></div>
<div class = "carrossel-item">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSJybAolHwkjt556GvzligLSyZZ3D0ugNHkiw&s"/>
<h3>John Doe</h3>
<p class="title">CEO & Founder, Example</p></div>
<div class = "carrossel-item">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSJybAolHwkjt556GvzligLSyZZ3D0ugNHkiw&s"/>
<h3>John Doe</h3>
<p class="title">CEO & Founder, Example</p></div>
<div class = "carrossel-item">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSJybAolHwkjt556GvzligLSyZZ3D0ugNHkiw&s"/>
<h3>John Doe</h3>
<p class="title">CEO & Founder, Example</p></div>
<div class = "carrossel-item">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSJybAolHwkjt556GvzligLSyZZ3D0ugNHkiw&s"/>
<h3>John Doe</h3>
<p class="title">CEO & Founder, Example</p></div>
</div>
</section>
<!-- #endregion -->

Expand Down Expand Up @@ -187,5 +226,8 @@ <h2 class="display-6 text-center">Quer falar com a gente?</h2>
</main>

<footer></footer>
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="slick/slick.js"></script>
</body>
</html>
25 changes: 25 additions & 0 deletions script/palest.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
$('.carrossel').slick({
centerMode: true,
centerPadding: '60px',
slidesToShow: 3,
responsive: [
{
breakpoint: 768,
settings: {
arrows: false,
centerMode: true,
centerPadding: '40px',
slidesToShow: 3
}
},
{
breakpoint: 480,
settings: {
arrows: false,
centerMode: true,
centerPadding: '40px',
slidesToShow: 1
}
}
]
});
Binary file added slick/ajax-loader.gif
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
10 changes: 10 additions & 0 deletions slick/config.rb
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
css_dir = "."
sass_dir = "."
images_dir = "."
fonts_dir = "fonts"
relative_assets = true

output_style = :compact
line_comments = false

preferred_syntax = :scss
Binary file added slick/fonts/slick.eot
View file
Binary file not shown.
14 changes: 14 additions & 0 deletions slick/fonts/slick.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added slick/fonts/slick.ttf
View file
Binary file not shown.
Binary file added slick/fonts/slick.woff
View file
Binary file not shown.
204 changes: 204 additions & 0 deletions slick/slick-theme.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,204 @@
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;

src: url('./fonts/slick.eot');
src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;

position: absolute;
top: 50%;

display: block;

width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);

cursor: pointer;

color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;

opacity: .75;
color: white;

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}

.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}

.slick-dots
{
position: absolute;
bottom: -25px;

display: block;

width: 100%;
padding: 0;
margin: 0;

list-style: none;

text-align: center;
}
.slick-dots li
{
position: relative;

display: inline-block;

width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;

cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;

display: block;

width: 20px;
height: 20px;
padding: 5px;

cursor: pointer;

color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;

position: absolute;
top: 0;
left: 0;

width: 20px;
height: 20px;

content: '•';
text-align: center;

opacity: .25;
color: black;

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
Loading

0 comments on commit 682fe2c

Please sign in to comment.