Compare commits
No commits in common. "master" and "test_mpd" have entirely different histories.
2
.gitignore
vendored
2
.gitignore
vendored
@ -1,5 +1,3 @@
|
||||
.sass-cache
|
||||
node_modules
|
||||
bower_components
|
||||
css/creative.css
|
||||
css/creative.css.map
|
||||
|
||||
20
Dockerfile
Normal file
20
Dockerfile
Normal file
@ -0,0 +1,20 @@
|
||||
FROM nginx:alpine
|
||||
RUN sed -i 's/#gzip/gzip/g' /etc/nginx/nginx.conf && \
|
||||
sed -i '/gzip *on/ a gzip_types text/css application/javascript image/svg+xml;' /etc/nginx/nginx.conf && \
|
||||
apk add --no-cache sassc nodejs build-base ffmpeg git coreutils bash && \
|
||||
npm install -g svg-sprite-generator && \
|
||||
|
||||
git clone https://github.com/gpac/gpac.git && \
|
||||
cd gpac && \
|
||||
./configure --static-mp4box --use-zlib=no && \
|
||||
make && \
|
||||
make install
|
||||
|
||||
COPY video/ /usr/share/nginx/html/video/
|
||||
WORKDIR /usr/share/nginx/html/video
|
||||
RUN ./mpd_generate.sh 1_Compilation_Graphique.webm
|
||||
|
||||
COPY . /usr/share/nginx/html
|
||||
WORKDIR /usr/share/nginx/html
|
||||
RUN sassc -m -t compressed scss/creative.scss css/creative.css && \
|
||||
svg-sprite-generate -d vector/ -o vector/sprite.svg
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
19
default.nix
19
default.nix
@ -1,19 +0,0 @@
|
||||
{ pkgs ? import <nixpkgs> {} }:
|
||||
|
||||
pkgs.stdenv.mkDerivation rec {
|
||||
name= "site-max";
|
||||
|
||||
inherit (pkgs) sassc;
|
||||
inherit (pkgs) stdenv;
|
||||
|
||||
src = ./.;
|
||||
|
||||
buildPhase = ''
|
||||
${sassc}/bin/sassc --sourcemap=auto --style compressed scss/creative.scss css/creative.css
|
||||
'';
|
||||
|
||||
installPhase = ''
|
||||
mkdir -p $out/
|
||||
cp -R . $out/
|
||||
'';
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 143 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 208 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 112 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 361 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 175 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 169 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 197 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 154 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 173 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 245 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 200 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 128 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 259 KiB |
BIN
img/portfolio/1.jpg
Normal file
BIN
img/portfolio/1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 76 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 72 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 52 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 148 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 76 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 40 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 120 KiB |
BIN
img/portfolio/fullsize/1.jpg
Normal file
BIN
img/portfolio/fullsize/1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 111 KiB |
BIN
img/portfolio/fullsize/2.jpg
Normal file
BIN
img/portfolio/fullsize/2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
BIN
img/portfolio/fullsize/3.jpg
Normal file
BIN
img/portfolio/fullsize/3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
BIN
img/portfolio/fullsize/4.jpg
Normal file
BIN
img/portfolio/fullsize/4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
BIN
img/portfolio/fullsize/5.jpg
Normal file
BIN
img/portfolio/fullsize/5.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 61 KiB |
BIN
img/portfolio/fullsize/6.jpg
Normal file
BIN
img/portfolio/fullsize/6.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 86 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 59 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 105 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 97 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 69 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 73 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 84 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 49 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 80 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 101 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 405 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 96 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 107 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 112 KiB |
BIN
img/portfolio/thumbnails/1.jpg
Normal file
BIN
img/portfolio/thumbnails/1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 111 KiB |
BIN
img/portfolio/thumbnails/2.jpg
Normal file
BIN
img/portfolio/thumbnails/2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
BIN
img/portfolio/thumbnails/3.jpg
Normal file
BIN
img/portfolio/thumbnails/3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
BIN
img/portfolio/thumbnails/4.jpg
Normal file
BIN
img/portfolio/thumbnails/4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
BIN
img/portfolio/thumbnails/5.jpg
Normal file
BIN
img/portfolio/thumbnails/5.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 61 KiB |
BIN
img/portfolio/thumbnails/6.jpg
Normal file
BIN
img/portfolio/thumbnails/6.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 178 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 114 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 136 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 67 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 331 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 18 KiB |
510
index.html
510
index.html
@ -1,15 +1,14 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="description" content="Welcome, my name is Max SPIEGEL. I'm a CGI/VFX artist at your service. 2D/3D Animation, Compositing, Authoring Blu-Ray, Sculpting 3D.">
|
||||
<meta name="author" content="Max SPIEGEL, Paul TREHIOU">
|
||||
<meta name="google-site-verification" content="hA8zslIULO9eYfwLMGrvy-O9H0beEKK6JirwLOto2H4" />
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
<title>Max SPIEGEL - CG Artist</title>
|
||||
<title>Max SPIEGEL - Motion Designer</title>
|
||||
|
||||
<link rel="icon" type="image/jpg" href="img/favicon.jpg" />
|
||||
|
||||
@ -17,7 +16,7 @@
|
||||
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Custom fonts for this template -->
|
||||
<link href="vendor/font-awesome/css/all.min.css" rel="stylesheet" type="text/css">
|
||||
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
|
||||
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
|
||||
<link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
|
||||
|
||||
@ -27,59 +26,68 @@
|
||||
<!-- Custom styles for this template -->
|
||||
<link href="css/creative.css" rel="stylesheet">
|
||||
|
||||
<!-- Temporary navbar container fix -->
|
||||
<style>
|
||||
.navbar-toggler {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
nav > .container {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body id="page-top">
|
||||
|
||||
<!-- Navigation -->
|
||||
<nav class="navbar fixed-top navbar-expand-lg navbar-light" id="mainNav">
|
||||
<a class="navbar-brand" href="#page-top">Max Spiegel<small> - CG Artist</small></a>
|
||||
|
||||
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<nav class="navbar fixed-top navbar-toggleable-md navbar-light" id="mainNav">
|
||||
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarExample" aria-controls="navbarExample" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarMain">
|
||||
<ul class="navbar-nav ml-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#about">Portfolio</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#contact">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="#page-top">Max Spiegel<small> - Motion Designer</small></a>
|
||||
<div class="collapse navbar-collapse" id="navbarExample">
|
||||
<ul class="navbar-nav ml-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#about">Portfolio</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#contact">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<header class="masthead">
|
||||
<div class="video-container">
|
||||
<div id="player"></div>
|
||||
</div>
|
||||
<video id="masthead-video" loop></video>
|
||||
|
||||
<a class="master_button" href="#about">
|
||||
<a class="btn btn-default btn-xl" href="#about">
|
||||
<i class="fa fa-angle-down fa-2x" aria-hidden="true"></i>
|
||||
</a>
|
||||
|
||||
<a id="video-sound" class="master_button" href="#">
|
||||
<img class="icone icone-son" aria-hidden="true" src="vector/sound-off.svg">
|
||||
<a id="video-sound" class="btn btn-default">
|
||||
<svg class="icone icone-son" aria-hidden="true">
|
||||
<use xlink:href="/vector/sprite.svg#sound-off"></use>
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<a id="vimeo-link" class="master_button" href="https://vimeo.com/user59930690">
|
||||
<i class="fab fa-vimeo-v fa-2x" aria-hidden="true"></i>
|
||||
<a id="youtube-link" class="btn btn-default" href="https://youtube.com">
|
||||
<i class="fa fa-youtube fa-2x" aria-hidden="true"></i>
|
||||
</a>
|
||||
|
||||
<a id="artstation-link" class="master_button" href="https://www.artstation.com/maxspiegel">
|
||||
<i class="fab fa-artstation fa-2x" aria-hidden="true"></i>
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<section class="bg-primary" id="about">
|
||||
<img id="renard" src="img/whitfoxvecto.svg">
|
||||
<hr id="hr_left" />
|
||||
<hr id="hr_right" />
|
||||
<img class="vecto1" src="img/vecto1.svg">
|
||||
<img class="vecto2" src="img/vecto2.svg">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8 text-center">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 offset-lg-2 text-center">
|
||||
<h1 class="section-heading text-white">Portfolio</h1>
|
||||
</div>
|
||||
</div>
|
||||
@ -87,265 +95,92 @@
|
||||
</section>
|
||||
|
||||
<section id="portfolio">
|
||||
<div class="d-flex flex-wrap">
|
||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="471790771?autoplay=1&loop=1&autopause=0" data-comment="Another projetc I made this summer. This is the north Cliff." data-artstationid="ZGJ4w1" data-artstationtext="More details on ArtStation">
|
||||
<video loop muted poster="img/portfolio/cliff.jpg">
|
||||
<source src="video/portfolio/cliff.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="464585586?autoplay=1&loop=1&autopause=0" data-comment="One of the projects I made during this summer. A swampy place with a mushroom village." data-artstationid="3dLoLJ" data-artstationtext="More details on ArtStation">
|
||||
<video loop muted poster="img/portfolio/swamp.jpg">
|
||||
<source src="video/portfolio/swamp.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="311415375?autoplay=1&loop=1&autopause=0" data-comment="My favorite project of 2018. Two creatures in a snowy landscape. Made during the last two weeks of December 2018." data-artstationid="QzYEmx" data-artstationtext="More details on ArtStation">
|
||||
<video loop muted poster="img/portfolio/flo.jpg">
|
||||
<source src="video/portfolio/flo.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="311414971?autoplay=1&loop=1&autopause=0" data-comment="Made during the last two weeks of November 2018. Inspired by Ghost in the Shell and Cowboy Bebop." data-artstationid="qARrYN" data-artstationtext="More details on ArtStation">
|
||||
<video loop muted poster="img/portfolio/out.jpg">
|
||||
<source src="video/portfolio/out.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="311414804?autoplay=1&loop=1&autopause=0" data-comment="Released at the end of the first two weeks of November 2018 showing an animal character in an Italian city." data-artstationid="DxK6l0" data-artstationtext="More details on ArtStation">
|
||||
<video loop muted poster="img/portfolio/venise.jpg">
|
||||
<source src="video/portfolio/venise.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="311414306?autoplay=1&loop=1&autopause=0" data-comment="Project created during the first two weeks of October 2018 showing a small robot walking in a windy forest." data-artstationid="A9KoB5" data-artstationtext="More details on ArtStation">
|
||||
<video loop muted poster="img/portfolio/roy2.jpg">
|
||||
<source src="video/portfolio/roy2.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802506?autoplay=1&loop=1&autopause=0" data-comment="My lanterns. Made with Cinema 4D and Redshift." data-artstationid="OyR0XJ" data-artstationtext="See more details on ArtStation">
|
||||
<video loop muted poster="img/portfolio/lant.jpg">
|
||||
<source src="video/portfolio/lant.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802488?autoplay=1&loop=1&autopause=0" data-comment="A mountain view. Made with Forester and Redshift Proxies." data-artstationid="aR6a09" data-artstationtext="More details on ArtStation">
|
||||
<video loop muted poster="img/portfolio/land.jpg">
|
||||
<source src="video/portfolio/land.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802445?autoplay=1&loop=1&autopause=0" data-comment="An interior modeling." data-artstationid="Yaow0V" data-artstationtext="More details on ArtStation">
|
||||
<video loop muted poster="img/portfolio/home.jpg">
|
||||
<source src="video/portfolio/home.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="311414675?autoplay=1&loop=1&autopause=0" data-comment="Created during the last two weeks of October 2018 showing a character in a mountain landscape." data-artstationid="JlzJAm" data-artstationtext="More details on ArtStation">
|
||||
<video loop muted poster="img/portfolio/girl.jpg">
|
||||
<source src="video/portfolio/girl.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="311415149?autoplay=1&loop=1&autopause=0" data-comment="I created a rigged fox and a snake, I used Xgen for the fur. This project taked the first two weeks of December 2018." data-artstationid="3oDoNA" data-artstationtext="More details on ArtStation">
|
||||
<video loop muted poster="img/portfolio/an.jpg">
|
||||
<source src="video/portfolio/an.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-youtubeid="74qqbfkdnrM" data-comment="I spent two weeks doing it with Cinema 4D and After Effects." data-artstationid="2xQJlB" data-artstationtext="See the project on ArtStation">
|
||||
<video loop muted poster="img/portfolio/thund.jpg">
|
||||
<source src="video/portfolio/thund.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="348853315" data-comment="I created several rigged robots who fight on their motor bikes. Made with Cinema 4D, the renderer Redshift and After Effects." data-artstationid="w848YO" data-artstationtext="See more details of this teaser on ArtStation">
|
||||
<video loop muted poster="img/portfolio/wo.jpg">
|
||||
<source src="video/portfolio/wo.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802458?autoplay=1&loop=1&autopause=0" data-comment="Jupiter in the mist." data-artstationid="nQO0d4" data-artstationtext="See more details on ArtStation">
|
||||
<video loop muted poster="img/portfolio/mist.jpg">
|
||||
<source src="video/portfolio/mist.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802401?autoplay=1&loop=1&autopause=0" data-comment="This key can open all the treasures." data-artstationid="rRd8d2" data-artstationtext="See the project on ArtStation">
|
||||
<video loop muted poster="img/portfolio/hand.jpg">
|
||||
<source src="video/portfolio/hand.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287796820?autoplay=1&loop=1&autopause=0" data-comment="An Orange guitar amp followed by a Voronoi Fracture animation." data-artstationid="nQO1wO" data-artstationtext="More details on ArtStation">
|
||||
<video loop muted poster="img/portfolio/amp.jpg">
|
||||
<source src="video/portfolio/amp.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802323?autoplay=1&loop=1&autopause=0" data-comment="For this one I wanted to mix cloner and gravity." data-artstationid="dOR9XJ" data-artstationtext="More details on ArtStation">
|
||||
<video loop muted poster="img/portfolio/candle.jpg">
|
||||
<source src="video/portfolio/candle.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802590?autoplay=1&loop=1&autopause=0" data-comment="An advertisement for a watch.">
|
||||
<video loop muted poster="img/portfolio/watch.jpg">
|
||||
<source src="video/portfolio/watch.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802537?autoplay=1&loop=1&autopause=0" data-comment="When a train leaves the earth..." data-artstationid="xzKzvX" data-artstationtext="More details on ArtStation">
|
||||
<video loop muted poster="img/portfolio/loco.jpg">
|
||||
<source src="video/portfolio/loco.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802572?autoplay=1&loop=1&autopause=0" data-comment="A temple in the forest." data-artstationid="PmBZl8" data-artstationtext="The project on ArtStation">
|
||||
<video loop muted poster="img/portfolio/tmp.jpg">
|
||||
<source src="video/portfolio/temple.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802354?autoplay=1&loop=1&autopause=0" data-comment="Inside. Made with Cinema 4D and Arnold." data-artstationid="58oO5P" data-artstationtext="See the project on ArtStation">
|
||||
<video loop muted poster="img/portfolio/fen.jpg">
|
||||
<source src="video/portfolio/fen.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802369?autoplay=1&loop=1&autopause=0" data-comment="Made with Cinema 4D, Turbulence FD and Redshift." data-artstationid="XB20nl" data-artstationtext="See more details on ArtStation">
|
||||
<video loop muted poster="img/portfolio/final.jpg">
|
||||
<source src="video/portfolio/final.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="282742025" data-comment="This is the story of a special mushroom who will, during some adventures, meet an old friend again. Released in 2017." data-artstationid="RYBKxm" data-artstationtext="See more details of this short film on ArtStation">
|
||||
<video loop muted poster="img/portfolio/mush.jpg">
|
||||
<source src="video/portfolio/champi.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="282034965" data-comment="Here is my graduation film at Ecole Supérieure de l'AudioVisuel (ESAV). Seven days before my defense, I was burglarized and I made this alternative ending in three days. Released in June 2017.">
|
||||
<video loop muted poster="img/portfolio/roy.jpg">
|
||||
<source src="video/portfolio/roy.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#carouselSculptingModal">
|
||||
<video loop muted poster="img/portfolio/st.jpg">
|
||||
<source src="video/portfolio/st.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
<div class="element-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-sketchfabid="7507e61126754169937a24858981b185">
|
||||
<div class="portfolio-container">
|
||||
<img class="dynamic-zoom" src="img/portfolio/Metal Carrot1.jpg" />
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="video-portfolio col-lg-4 col-sm-6">
|
||||
<video loop muted poster="img/portfolio/1.jpg">
|
||||
<source src="video/portfolio/1.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
<div class="video-portfolio col-lg-4 col-sm-6">
|
||||
<video loop muted poster="img/portfolio/1.jpg">
|
||||
<source src="video/portfolio/1.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
<div class="video-portfolio col-lg-4 col-sm-6">
|
||||
<video loop muted poster="img/portfolio/1.jpg">
|
||||
<source src="video/portfolio/1.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
</div>
|
||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="202941724" data-comment="A painting by Santiago Rusiñol y Prat, animated with Clémentine Meriadec for the Goya Museum">
|
||||
<video loop muted poster="img/portfolio/jar.jpg">
|
||||
<source src="video/portfolio/jar.webm" type="video/webm">
|
||||
</video>
|
||||
<div class="row">
|
||||
<div class="video-portfolio col-lg-4 col-sm-6">
|
||||
<video loop muted poster="img/portfolio/1.jpg">
|
||||
<source src="video/portfolio/1.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
<div class="video-portfolio col-lg-4 col-sm-6">
|
||||
<video loop muted poster="img/portfolio/1.jpg">
|
||||
<source src="video/portfolio/1.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
<div class="video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#vimeoModal" data-vimeoid="195989917">
|
||||
<video loop muted poster="img/portfolio/1.jpg">
|
||||
<source src="video/portfolio/1.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="video-portfolio clickable offset-lg-4 col-lg-4 col-sm-6" data-toggle="modal" data-target="#youtubeModal" data-youtubeid="RV0M18MpDtQ">
|
||||
<video loop muted poster="img/portfolio/1.jpg">
|
||||
<source src="video/portfolio/1.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="contact">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-8 text-center">
|
||||
<h2 class="section-heading">Contact</h2>
|
||||
<div class="row">
|
||||
<div class="col-lg-8 offset-lg-2 text-center">
|
||||
<h2 class="section-heading">Contactez moi !</h2>
|
||||
<hr class="primary">
|
||||
<p>Je m'appelle pelle</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-4 text-center">
|
||||
<i class="fas fa-phone-alt fa-3x sr-contact"></i>
|
||||
<p class="mt-2">0033 (0) 6 44 26 78 84</p>
|
||||
<div class="col-lg-4 offset-lg-2 text-center">
|
||||
<i class="fa fa-phone fa-3x sr-contact"></i>
|
||||
<p>07 22 22 22 22</p>
|
||||
</div>
|
||||
<div class="col-lg-4 text-center">
|
||||
<i class="fas fa-envelope fa-3x sr-contact"></i>
|
||||
<p class="mt-2"><a href="mailto:spiegel.max1996@gmail.com">spiegel.max1996@gmail.com</a></p>
|
||||
<i class="fa fa-envelope-o fa-3x sr-contact"></i>
|
||||
<p><a href="mailto:your-email@your-domain.com">max@swag.fr</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="modal fade" id="iframeModal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal fade" id="youtubeModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<div class="modal-body">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="embed-responsive embed-responsive-16by9">
|
||||
<iframe class="embed-responsive-item" src=""></iframe>
|
||||
</div>
|
||||
<div class="modal-comment">
|
||||
</div>
|
||||
<iframe width="100%" height="480" src="" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="carouselSculptingModal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal fade" id="vimeoModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<div class="modal-body">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div id="carouselSculpting" class="carousel slide" data-ride="carousel">
|
||||
<ol class="carousel-indicators">
|
||||
<li data-target="#carouselSculpting" data-slide-to="0" class="active"></li>
|
||||
<li data-target="#carouselSculpting" data-slide-to="1"></li>
|
||||
<li data-target="#carouselSculpting" data-slide-to="2"></li>
|
||||
<li data-target="#carouselSculpting" data-slide-to="3"></li>
|
||||
<li data-target="#carouselSculpting" data-slide-to="4"></li>
|
||||
<li data-target="#carouselSculpting" data-slide-to="5"></li>
|
||||
<li data-target="#carouselSculpting" data-slide-to="6"></li>
|
||||
<li data-target="#carouselSculpting" data-slide-to="7"></li>
|
||||
<li data-target="#carouselSculpting" data-slide-to="8"></li>
|
||||
<li data-target="#carouselSculpting" data-slide-to="9"></li>
|
||||
<li data-target="#carouselSculpting" data-slide-to="10"></li>
|
||||
<li data-target="#carouselSculpting" data-slide-to="11"></li>
|
||||
<li data-target="#carouselSculpting" data-slide-to="12"></li>
|
||||
</ol>
|
||||
<div class="carousel-inner" role="listbox">
|
||||
<div class="carousel-item active">
|
||||
<img class="d-block img-fluid" src="img/Carousel/stage/1.jpg" alt="1">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block img-fluid" src="img/Carousel/stage/2.jpg" alt="2">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block img-fluid" src="img/Carousel/stage/3.jpg" alt="3">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block img-fluid" src="img/Carousel/stage/4.jpg" alt="4">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block img-fluid" src="img/Carousel/stage/5.jpg" alt="5">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block img-fluid" src="img/Carousel/stage/6.jpg" alt="6">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block img-fluid" src="img/Carousel/stage/7.jpg" alt="7">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block img-fluid" src="img/Carousel/stage/8.jpg" alt="8">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block img-fluid" src="img/Carousel/stage/9.jpg" alt="9">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block img-fluid" src="img/Carousel/stage/10.jpg" alt="10">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block img-fluid" src="img/Carousel/stage/11.jpg" alt="11">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block img-fluid" src="img/Carousel/stage/12.jpg" alt="12">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block img-fluid" src="img/Carousel/stage/13.jpg" alt="13">
|
||||
</div>
|
||||
</div>
|
||||
<a class="carousel-control-prev" role="button" data-slide="prev" data-target="#carouselSculpting">
|
||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||
<span class="sr-only">Previous</span>
|
||||
</a>
|
||||
<a class="carousel-control-next" role="button" data-slide="next" data-target="#carouselSculpting">
|
||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||
<span class="sr-only">Next</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="modal-comment">
|
||||
<hr>
|
||||
<p>Here is some images of 3D projects I did with a view to the creation of jewels for 2 Saints from the foundry Solyfonte.
|
||||
</p>
|
||||
</div>
|
||||
<iframe width="100%" height="480" src="" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -354,7 +189,6 @@
|
||||
<!-- Bootstrap core JavaScript -->
|
||||
<script src="vendor/jquery/jquery.min.js"></script>
|
||||
<script src="vendor/tether/tether.min.js"></script>
|
||||
<script src="vendor/popper/popper.min.js"></script>
|
||||
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
|
||||
|
||||
<!-- Plugin JavaScript -->
|
||||
@ -365,9 +199,26 @@
|
||||
<!-- Custom scripts for this template -->
|
||||
<script src="js/creative.min.js"></script>
|
||||
|
||||
<script src="https://cdn.dashjs.org/latest/dash.all.min.js"></script>
|
||||
|
||||
<script>
|
||||
var masthead_video = document.getElementById("masthead-video");
|
||||
var video_button = document.getElementById("video-sound");
|
||||
var fullscreen_button = document.getElementById("fullscreen-video");
|
||||
|
||||
video_button.onclick = function () {
|
||||
if (masthead_video.muted) {
|
||||
masthead_video.muted = false;
|
||||
video_button.children[0].children[0].setAttribute("xlink:href", "/vector/sprite.svg#sound-on");
|
||||
} else {
|
||||
masthead_video.muted = true;
|
||||
video_button.children[0].children[0].setAttribute("xlink:href", "/vector/sprite.svg#sound-off");
|
||||
}
|
||||
};
|
||||
|
||||
var url = "video/1_Compilation_Graphique/1_Compilation_Graphique.mpd";
|
||||
var player = dashjs.MediaPlayer().create();
|
||||
player.initialize(document.querySelector("#masthead-video"), url, true);
|
||||
player.setMute(true);
|
||||
|
||||
var portfolio_videos = document.getElementsByClassName('video-portfolio');
|
||||
|
||||
@ -376,130 +227,29 @@
|
||||
video_div.onmouseout = function() {this.children[0].load()};
|
||||
}
|
||||
|
||||
|
||||
$('#iframeModal').on('show.bs.modal', function (event) {
|
||||
var modal = $(this);
|
||||
$('#youtubeModal').on('show.bs.modal', function (event) {
|
||||
document.getElementById("masthead-video").muted = false;
|
||||
var button = $(event.relatedTarget);
|
||||
var iframe = modal.find('.modal-body iframe')[0];
|
||||
|
||||
var youtube_id = button.data('youtubeid');
|
||||
var vimeo_id = button.data('vimeoid');
|
||||
var sketchfab_id = button.data('sketchfabid');
|
||||
var artstation_id = button.data('artstationid');
|
||||
var artstation_text = button.data('artstationtext');
|
||||
|
||||
var comment = button.data('comment');
|
||||
var options = button.data('options');
|
||||
|
||||
var url = "";
|
||||
|
||||
if (youtube_id) {
|
||||
|
||||
url = 'https://www.youtube.com/embed/' + youtube_id + "?modestbranding=1&rel=0&html5=1";
|
||||
|
||||
if (options) {
|
||||
url += '&' + options;
|
||||
}
|
||||
|
||||
iframe.setAttribute("allowfullscreen", "");
|
||||
iframe.src = url;
|
||||
|
||||
} else if (vimeo_id) {
|
||||
|
||||
url = 'https://player.vimeo.com/video/' + vimeo_id;
|
||||
|
||||
iframe.setAttribute("allowfullscreen", "");
|
||||
iframe.src = url;
|
||||
|
||||
} else if (sketchfab_id) {
|
||||
|
||||
url = 'https://sketchfab.com/models/' + sketchfab_id + '/embed?autostart=1';
|
||||
|
||||
iframe.setAttribute("allowfullscreen", "");
|
||||
iframe.setAttribute("allowvr", "");
|
||||
iframe.setAttribute("onmousewheel", "");
|
||||
iframe.src = url;
|
||||
|
||||
}
|
||||
|
||||
var modal_comment = modal.find('.modal-body .modal-comment')[0];
|
||||
|
||||
if (comment || artstation_id) {
|
||||
modal_comment.appendChild(document.createElement('hr'));
|
||||
}
|
||||
|
||||
if (comment) {
|
||||
var comment_object = document.createElement('p');
|
||||
comment_object.innerText = comment;
|
||||
modal_comment.appendChild(comment_object);
|
||||
}
|
||||
|
||||
if (artstation_id) {
|
||||
var artstation_link = document.createElement('a');
|
||||
artstation_link.text = artstation_text;
|
||||
artstation_link.href = "https://www.artstation.com/artwork/" + artstation_id;
|
||||
modal_comment.appendChild(artstation_link);
|
||||
}
|
||||
var modal = $(this);
|
||||
modal.find('.modal-body iframe')[0].src = 'https://www.youtube.com/embed/' + youtube_id + "?modestbranding=1&rel=0&html5=1";
|
||||
});
|
||||
|
||||
$('#iframeModal').on('hidden.bs.modal', function () {
|
||||
$('#youtubeModal').on('hidden.bs.modal', function () {
|
||||
$(this).find('.modal-body iframe')[0].src = "";
|
||||
$(this).find('.modal-body .modal-comment')[0].innerHTML = "";
|
||||
});
|
||||
|
||||
var tag = document.createElement('script');
|
||||
|
||||
tag.src = "https://www.youtube.com/iframe_api";
|
||||
var firstScriptTag = document.getElementsByTagName('script')[0];
|
||||
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
|
||||
|
||||
// 3. This function creates an <iframe> (and YouTube player)
|
||||
// after the API code downloads.
|
||||
var player;
|
||||
function onYouTubeIframeAPIReady() {
|
||||
player = new YT.Player('player', {
|
||||
videoId: 'R_zL0aCv3co',
|
||||
playerVars: {
|
||||
autoplay: 1,
|
||||
controls: 0,
|
||||
disablekb: 1,
|
||||
loop: 1,
|
||||
modestbranding: 1,
|
||||
playlist: 'R_zL0aCv3co',
|
||||
rel: 0,
|
||||
showinfo: 0
|
||||
},
|
||||
events: {
|
||||
'onReady': onPlayerReady,
|
||||
}
|
||||
$('#vimeoModal').on('show.bs.modal', function (event) {
|
||||
document.getElementById("masthead-video").muted = false;
|
||||
var button = $(event.relatedTarget);
|
||||
var vimeo_id = button.data('vimeoid');
|
||||
var modal = $(this);
|
||||
modal.find('.modal-body iframe')[0].src = 'https://player.vimeo.com/video/' + vimeo_id;
|
||||
});
|
||||
$('#vimeoModal').on('hidden.bs.modal', function () {
|
||||
$(this).find('.modal-body iframe')[0].src = "";
|
||||
});
|
||||
}
|
||||
|
||||
var iframe
|
||||
|
||||
function onPlayerReady(event) {
|
||||
event.target.mute();
|
||||
iframe = document.getElementById('player');
|
||||
document.getElementById('video-sound').addEventListener('click', playMute);
|
||||
}
|
||||
|
||||
function playMute(){
|
||||
var video_button = document.getElementById('video-sound');
|
||||
if(player.isMuted()){
|
||||
player.unMute();
|
||||
video_button.children[0].setAttribute("src", "vector/sound-on.svg");
|
||||
} else {
|
||||
player.mute();
|
||||
video_button.children[0].setAttribute("src", "vector/sound-off.svg");
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<footer>
|
||||
<small>MANY thanks to Paul TREHIOU, inspired by <a href="https://startbootstrap.com/template-overviews/creative/">Creative</a> <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Licence Creative Commons" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/80x15.png"></a></small>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
@ -2,39 +2,19 @@
|
||||
padding: 50px 0;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background-color: $background-baniere !important;
|
||||
h1 {
|
||||
font-family: NEOTERIC;
|
||||
font-size: 3rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
hr {
|
||||
position: absolute;
|
||||
max-width: 100%;
|
||||
width: 30%;
|
||||
top: 50%;
|
||||
margin: 0;
|
||||
border-color: white;
|
||||
border-width: 2px;
|
||||
&#hr_left{
|
||||
|
||||
}
|
||||
&#hr_right{
|
||||
right: 0;
|
||||
}
|
||||
font-family: descuadrado;
|
||||
font-size: 4rem;
|
||||
}
|
||||
img {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
&#renard {
|
||||
height: 170%;
|
||||
opacity: 0.15;
|
||||
position: absolute;
|
||||
top: -9999px;
|
||||
bottom: -9999px;
|
||||
left: -9999px;
|
||||
right: -9999px;
|
||||
margin: auto;
|
||||
&.vecto1 {
|
||||
left: -70rem;
|
||||
top: -70rem;
|
||||
}
|
||||
&.vecto2 {
|
||||
right: -60rem;
|
||||
top: -20rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
// Global styling for this template
|
||||
|
||||
@font-face {
|
||||
font-family: 'descuadrado-webfont';
|
||||
font-family: 'descuadrado';
|
||||
src: url('font/descuadrado-webfont.woff2') format('woff2'),
|
||||
url('font/descuadrado-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
@ -9,14 +9,6 @@
|
||||
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'NEOTERIC';
|
||||
src: url('font/NEOTERIC.woff2') format('woff2'),
|
||||
url('font/NEOTERIC.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
@ -75,7 +67,7 @@ p {
|
||||
}
|
||||
|
||||
section {
|
||||
padding: 125px 0;
|
||||
padding: 100px 0;
|
||||
}
|
||||
|
||||
.section-heading {
|
||||
|
||||
@ -15,72 +15,63 @@ header.masthead {
|
||||
background-size: cover;
|
||||
overflow: hidden;
|
||||
}
|
||||
.header-content {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding: 100px 15px 100px;
|
||||
text-align: center;
|
||||
.header-content-inner {
|
||||
h1 {
|
||||
font-size: 30px;
|
||||
font-weight: 700;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
hr {
|
||||
margin: 30px auto;
|
||||
}
|
||||
p {
|
||||
font-size: 16px;
|
||||
font-weight: 300;
|
||||
margin-bottom: 50px;
|
||||
color: fade-out(white, .3);
|
||||
}
|
||||
}
|
||||
}
|
||||
a {
|
||||
position: absolute;
|
||||
bottom: 2rem;
|
||||
}
|
||||
#video-sound {
|
||||
right: 2rem;
|
||||
right: 4rem;
|
||||
}
|
||||
#vimeo-link {
|
||||
left: 2rem;
|
||||
#youtube-link {
|
||||
right: 9rem;
|
||||
}
|
||||
#artstation-link {
|
||||
left: 5rem;
|
||||
}
|
||||
.icone {
|
||||
width: 1.1rem;
|
||||
height: 1rem;
|
||||
}
|
||||
.fa-2x {
|
||||
font-size: inherit;
|
||||
}
|
||||
.btn-xl {
|
||||
padding: .5rem 1rem;
|
||||
}
|
||||
.master_button {
|
||||
color: white;
|
||||
opacity: 0.5;
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.video-container, iframe {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
pointer-events: none;
|
||||
}
|
||||
@media (min-aspect-ratio: 16/9) {
|
||||
.video-container { height: 300%; top: -100%; }
|
||||
}
|
||||
@media (max-aspect-ratio: 16/9) {
|
||||
.video-container { width: 300%; left: -100%; }
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
height: 100%;
|
||||
#video-sound {
|
||||
right: 4rem;
|
||||
}
|
||||
#vimeo-link {
|
||||
left: 4rem;
|
||||
}
|
||||
#artstation-link {
|
||||
left: 7.5rem;
|
||||
}
|
||||
.icone {
|
||||
width: 2.2rem;
|
||||
height: 2rem;
|
||||
}
|
||||
.fa-2x {
|
||||
font-size: 2em;
|
||||
}
|
||||
.btn-xl {
|
||||
padding: 15px 30px;
|
||||
.header-content {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
padding: 0 50px;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
.header-content-inner {
|
||||
max-width: 1000px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
h1 {
|
||||
font-size: 50px;
|
||||
}
|
||||
p {
|
||||
font-size: 18px;
|
||||
max-width: 80%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -56,10 +56,6 @@
|
||||
&:focus {
|
||||
color: white;
|
||||
}
|
||||
margin-left: 6rem;
|
||||
}
|
||||
.navbar-nav {
|
||||
margin-right: 9rem;
|
||||
}
|
||||
.navbar-nav > li.nav-item > a.nav-link,
|
||||
.navbar-nav > li.nav-item > a.nav-link:focus {
|
||||
|
||||
@ -1,28 +1,73 @@
|
||||
// Styling for the portfolio section
|
||||
#portfolio {
|
||||
padding: 0;
|
||||
.element-portfolio {
|
||||
padding: 3px;
|
||||
line-height: 0;
|
||||
.video-portfolio {
|
||||
padding-right: 3px;
|
||||
padding-left: 3px;
|
||||
video {
|
||||
width: 100%;
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
.dynamic-zoom {
|
||||
transition: 1s;
|
||||
}
|
||||
&.clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
&:hover {
|
||||
.dynamic-zoom {
|
||||
transform: scale(1.5);
|
||||
}
|
||||
}
|
||||
|
||||
.portfolio-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
max-width: 650px;
|
||||
margin: 0 auto;
|
||||
.portfolio-box-caption {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
opacity: 0;
|
||||
color: white;
|
||||
background: fade-out($theme-primary, .1);
|
||||
@include transition-all;
|
||||
.portfolio-box-caption-content {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 100%;
|
||||
transform: translateY(-50%);
|
||||
text-align: center;
|
||||
.project-category,
|
||||
.project-name {
|
||||
padding: 0 15px;
|
||||
@include sans-serif-font;
|
||||
}
|
||||
.project-category {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.project-name {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
.portfolio-container {
|
||||
overflow: hidden;
|
||||
}
|
||||
&:hover {
|
||||
.portfolio-box-caption {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.portfolio-box-caption {
|
||||
.portfolio-box-caption-content {
|
||||
.project-category {
|
||||
font-size: 16px;
|
||||
}
|
||||
.project-name {
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -3,7 +3,6 @@
|
||||
// Gray and Brand Colors for use across theme
|
||||
|
||||
$theme-primary: #F04B12;
|
||||
$background-baniere: #210A0B;
|
||||
|
||||
$gray-base: #000 !default;
|
||||
$gray-darker: lighten($gray-base, 13.5%) !default; // #222
|
||||
|
||||
8
update.sh
Executable file
8
update.sh
Executable file
@ -0,0 +1,8 @@
|
||||
#!/bin/bash
|
||||
|
||||
docker build -t site-max .
|
||||
|
||||
docker stop some-nginx
|
||||
docker rm some-nginx
|
||||
|
||||
docker run --name some-nginx -d -p 80:80 site-max
|
||||
@ -1,84 +1,43 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
version="1.1"
|
||||
id="Calque_1"
|
||||
x="0px"
|
||||
y="0px"
|
||||
viewBox="0 0 1024 768"
|
||||
style="enable-background:new 0 0 1024 768;"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="sound-off.svg"
|
||||
inkscape:version="0.92.3 (2405546, 2018-03-11)"><metadata
|
||||
id="metadata27"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs25" /><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1600"
|
||||
inkscape:window-height="833"
|
||||
id="namedview23"
|
||||
showgrid="false"
|
||||
inkscape:zoom="0.30729167"
|
||||
inkscape:cx="512"
|
||||
inkscape:cy="384"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="Calque_1" />
|
||||
<g
|
||||
id="g20"
|
||||
style="fill:#ffffff">
|
||||
<path
|
||||
d="M302.8,252.3c4.3,3.7,8.3,7.2,12.4,10.7c65.8,56.9,131.7,113.8,197.5,170.7c1.8,1.6,2.7,3.3,2.7,5.8 c0,58.1,0,116.2,0,174.2c0,11.4-0.1,22.7-0.2,34.1c-0.1,8.4-0.9,16.6-3.8,24.5c-0.8,2.1-1.7,4.2-2.8,6.1 c-5.8,10.1-16.2,14.1-27.3,10.5c-5.9-1.9-11.1-5-15.8-9c-5.5-4.7-10.7-9.6-15.8-14.7c-24.4-23.8-48.7-47.7-73-71.5 C360.4,578,344.2,562,328,546.1c-14.5-14.3-29.1-28.6-43.6-42.9c-4.2-4.1-9.3-5.7-15.1-5.6c-27.4,0.1-54.9,0.2-82.3,0.2 c-3.4,0-6.9-0.4-10.2-1.1c-11.4-2.3-18.6-9.7-20.5-21.3c-0.6-3.8-1-7.6-1-11.4c-0.1-36.9-0.1-73.8-0.1-110.6 c0-15.6,0-31.2,0.1-46.8c0-3.6,0.6-7.2,1.5-10.7c2.8-10.7,10.1-16.8,20.8-18.7c3.5-0.6,7.1-1,10.7-1c25.4-0.1,50.9,0,76.3,0 c1.9,0,3.8,0.1,5.8,0c5.7-0.1,10.5-2.3,14.6-6.3c5.1-5.2,10.3-10.2,15.5-15.4C301.2,253.8,301.9,253.1,302.8,252.3z"
|
||||
id="path2"
|
||||
style="fill:#ffffff" />
|
||||
<path
|
||||
d="M162,97.8c0.1-21.8,15.2-38.4,34.9-40.3c11.1-1.1,20.9,2.1,29.3,9.3c42.5,36.5,84.9,73.1,127.3,109.6 c61.4,52.9,122.8,105.7,184.2,158.6c59.7,51.4,119.3,102.7,179,154.1c51.8,44.6,103.6,89.1,155.3,133.7 c9.2,7.9,13.9,18.1,13.7,30.2c-0.2,19.5-15,35.6-34.4,37.8c-11.1,1.2-20.9-1.8-29.4-9c-13.5-11.4-26.8-23-40.2-34.6 c-61.4-52.9-122.8-105.7-184.2-158.6c-59.7-51.4-119.3-102.7-179-154.1C343.1,269.7,267.8,204.9,192.4,140 c-5.6-4.9-11.3-9.7-16.9-14.6C166.6,117.6,162.2,107.7,162,97.8z"
|
||||
id="path4"
|
||||
style="fill:#ffffff" />
|
||||
<path
|
||||
d="M820.8,562.8c-14.3-12.3-28.4-24.5-42.6-36.7c0.6-0.9,1-1.6,1.5-2.4c17.1-25.7,29.1-53.6,35.4-83.9 c2.4-11.6,3.8-23.3,4.6-35.2c0.8-12.2,0.7-24.5-0.2-36.7c-4-56.7-24.6-106.3-63.3-148.1c-12.5-13.5-26.2-25.6-40.9-36.5 c-7.4-5.5-15.4-10-23.4-14.5c-3.1-1.8-6.2-3.6-9.3-5.5c-4.8-3-8.6-6.9-11.2-12c-5.7-11.1-3.6-23.6,5.8-32.2 c8-7.4,17.3-9.3,27.6-5.8c2.3,0.8,4.6,1.9,6.8,3C751,137.4,785,165,812.2,200.6c22.3,29.3,39.2,61.4,49.9,96.7 c4.5,14.7,7.4,29.8,9.5,45c2.4,17.4,3.7,34.8,4,52.4c0.2,11.9-1,23.8-2.6,35.6c-2.4,18.3-6.4,36.2-12.1,53.7 c-8.8,27.3-21.5,52.6-38.1,76.1C822.2,560.9,821.6,561.7,820.8,562.8z"
|
||||
id="path6"
|
||||
style="fill:#ffffff" />
|
||||
<path
|
||||
d="M739.1,492.5c-14.6-12.6-29.2-25.1-43.8-37.7c0.4-1,0.8-1.9,1.2-2.9c6.8-16.1,11-32.9,12.6-50.3 c2.8-30.9-2.8-60.4-16.4-88.2c-14.3-29.2-35.3-52.3-63.1-69.3c-5.1-3.1-9.7-6.9-14.1-11.1c-7.4-7.1-9-15.5-6.3-25.1 c3.6-12.7,15.9-20.8,29-19.3c2.4,0.3,4.8,1.1,7.1,2c11.7,4.8,22.2,11.6,32.2,19.3c23.8,18.7,43.7,40.7,58.4,67.3 c11.2,20.1,18.7,41.5,23.3,63.9c3.7,18.2,5.6,36.7,5.7,55.3c0.1,16.2-2.3,32.2-6.3,47.9c-4.1,16-10,31.2-17.8,45.7 c-0.3,0.6-0.7,1.3-1.1,1.9C739.6,492.1,739.4,492.2,739.1,492.5z"
|
||||
id="path8"
|
||||
style="fill:#ffffff" />
|
||||
<path
|
||||
d="M515.1,299.6c-46.2-39.8-92.4-79.5-138.8-119.4c0.6-0.6,1-1.2,1.5-1.7c25.2-24.7,50.4-49.4,75.6-74c3.9-3.8,8-7.7,12.3-11 c3.4-2.7,7.3-4.9,11.2-6.9c5.5-2.8,11.3-3.9,17.5-2.5c7.4,1.7,12.8,5.9,16.4,12.6c2.3,4.2,3.6,8.8,3.9,13.5 c0.4,5.6,0.8,11.2,0.8,16.8c0.1,56.5,0,113.1,0,169.6c0,0.9,0,1.9,0,2.8C515.4,299.5,515.3,299.6,515.1,299.6z"
|
||||
id="path10"
|
||||
style="fill:#ffffff" />
|
||||
<path
|
||||
d="M650,415.7c-0.8-0.7-1.5-1.2-2.2-1.8c-16.9-14.5-33.7-29-50.6-43.5c-1-0.9-1.7-1.8-2.2-3.1c-6.3-15.7-17.2-26.6-33.2-32.5 c-3.6-1.3-7.1-3-10.5-4.7c-3.4-1.7-6.3-4.2-8.7-7.1c-4.7-5.7-6.2-12.5-5.6-19.8c0.9-11.5,9.7-21.3,23-23.4 c4.7-0.7,9.3-0.4,13.8,0.9c30.7,9.1,53.2,28.1,68.1,56.3c6.3,12,9.7,25,11.2,38.4c1.3,12.7,0.6,25.2-2.4,37.6 C650.5,413.9,650.3,414.6,650,415.7z"
|
||||
id="path12"
|
||||
style="fill:#ffffff" />
|
||||
<path
|
||||
d="M703.3,598.5c14.3,12.4,28.4,24.6,42.6,37c-0.7,0.6-1.1,1.1-1.7,1.5c-10.9,7.6-22.2,14.6-33.8,20.9 c-6.8,3.7-13.9,5.1-21.5,3.2c-10.3-2.5-18.6-11.7-20-22.2c-1.5-11.5,2.4-20.9,12.2-27.3C688.2,606.9,695.8,602.9,703.3,598.5z"
|
||||
id="path14"
|
||||
style="fill:#ffffff" />
|
||||
<path
|
||||
d="M625.5,531.2c14.6,12.6,28.9,25,43.4,37.6c-0.9,0.7-1.6,1.4-2.4,1.9c-4.9,3.1-9.8,6.3-14.8,9.4c-5.2,3.2-10.8,4.8-16.9,4.7 c-13-0.4-25-11-26-24.3c-0.8-9.5,2.2-17.3,9.4-23.5C620.4,534.9,622.9,533.2,625.5,531.2z"
|
||||
id="path16"
|
||||
style="fill:#ffffff" />
|
||||
<path
|
||||
d="M539.3,456.7c13.4,11.5,26.4,22.9,39.8,34.4c-3.5,1.4-6.8,2.3-10.3,2.9c-16.9,3-32.5-10.7-31.8-27.8 C537.1,463.1,537.6,459.9,539.3,456.7z"
|
||||
id="path18"
|
||||
style="fill:#ffffff" />
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 1024 768" style="enable-background:new 0 0 1024 768;" xml:space="preserve">
|
||||
<g>
|
||||
<path d="M302.8,252.3c4.3,3.7,8.3,7.2,12.4,10.7c65.8,56.9,131.7,113.8,197.5,170.7c1.8,1.6,2.7,3.3,2.7,5.8
|
||||
c0,58.1,0,116.2,0,174.2c0,11.4-0.1,22.7-0.2,34.1c-0.1,8.4-0.9,16.6-3.8,24.5c-0.8,2.1-1.7,4.2-2.8,6.1
|
||||
c-5.8,10.1-16.2,14.1-27.3,10.5c-5.9-1.9-11.1-5-15.8-9c-5.5-4.7-10.7-9.6-15.8-14.7c-24.4-23.8-48.7-47.7-73-71.5
|
||||
C360.4,578,344.2,562,328,546.1c-14.5-14.3-29.1-28.6-43.6-42.9c-4.2-4.1-9.3-5.7-15.1-5.6c-27.4,0.1-54.9,0.2-82.3,0.2
|
||||
c-3.4,0-6.9-0.4-10.2-1.1c-11.4-2.3-18.6-9.7-20.5-21.3c-0.6-3.8-1-7.6-1-11.4c-0.1-36.9-0.1-73.8-0.1-110.6
|
||||
c0-15.6,0-31.2,0.1-46.8c0-3.6,0.6-7.2,1.5-10.7c2.8-10.7,10.1-16.8,20.8-18.7c3.5-0.6,7.1-1,10.7-1c25.4-0.1,50.9,0,76.3,0
|
||||
c1.9,0,3.8,0.1,5.8,0c5.7-0.1,10.5-2.3,14.6-6.3c5.1-5.2,10.3-10.2,15.5-15.4C301.2,253.8,301.9,253.1,302.8,252.3z"/>
|
||||
<path d="M162,97.8c0.1-21.8,15.2-38.4,34.9-40.3c11.1-1.1,20.9,2.1,29.3,9.3c42.5,36.5,84.9,73.1,127.3,109.6
|
||||
c61.4,52.9,122.8,105.7,184.2,158.6c59.7,51.4,119.3,102.7,179,154.1c51.8,44.6,103.6,89.1,155.3,133.7
|
||||
c9.2,7.9,13.9,18.1,13.7,30.2c-0.2,19.5-15,35.6-34.4,37.8c-11.1,1.2-20.9-1.8-29.4-9c-13.5-11.4-26.8-23-40.2-34.6
|
||||
c-61.4-52.9-122.8-105.7-184.2-158.6c-59.7-51.4-119.3-102.7-179-154.1C343.1,269.7,267.8,204.9,192.4,140
|
||||
c-5.6-4.9-11.3-9.7-16.9-14.6C166.6,117.6,162.2,107.7,162,97.8z"/>
|
||||
<path d="M820.8,562.8c-14.3-12.3-28.4-24.5-42.6-36.7c0.6-0.9,1-1.6,1.5-2.4c17.1-25.7,29.1-53.6,35.4-83.9
|
||||
c2.4-11.6,3.8-23.3,4.6-35.2c0.8-12.2,0.7-24.5-0.2-36.7c-4-56.7-24.6-106.3-63.3-148.1c-12.5-13.5-26.2-25.6-40.9-36.5
|
||||
c-7.4-5.5-15.4-10-23.4-14.5c-3.1-1.8-6.2-3.6-9.3-5.5c-4.8-3-8.6-6.9-11.2-12c-5.7-11.1-3.6-23.6,5.8-32.2
|
||||
c8-7.4,17.3-9.3,27.6-5.8c2.3,0.8,4.6,1.9,6.8,3C751,137.4,785,165,812.2,200.6c22.3,29.3,39.2,61.4,49.9,96.7
|
||||
c4.5,14.7,7.4,29.8,9.5,45c2.4,17.4,3.7,34.8,4,52.4c0.2,11.9-1,23.8-2.6,35.6c-2.4,18.3-6.4,36.2-12.1,53.7
|
||||
c-8.8,27.3-21.5,52.6-38.1,76.1C822.2,560.9,821.6,561.7,820.8,562.8z"/>
|
||||
<path d="M739.1,492.5c-14.6-12.6-29.2-25.1-43.8-37.7c0.4-1,0.8-1.9,1.2-2.9c6.8-16.1,11-32.9,12.6-50.3
|
||||
c2.8-30.9-2.8-60.4-16.4-88.2c-14.3-29.2-35.3-52.3-63.1-69.3c-5.1-3.1-9.7-6.9-14.1-11.1c-7.4-7.1-9-15.5-6.3-25.1
|
||||
c3.6-12.7,15.9-20.8,29-19.3c2.4,0.3,4.8,1.1,7.1,2c11.7,4.8,22.2,11.6,32.2,19.3c23.8,18.7,43.7,40.7,58.4,67.3
|
||||
c11.2,20.1,18.7,41.5,23.3,63.9c3.7,18.2,5.6,36.7,5.7,55.3c0.1,16.2-2.3,32.2-6.3,47.9c-4.1,16-10,31.2-17.8,45.7
|
||||
c-0.3,0.6-0.7,1.3-1.1,1.9C739.6,492.1,739.4,492.2,739.1,492.5z"/>
|
||||
<path d="M515.1,299.6c-46.2-39.8-92.4-79.5-138.8-119.4c0.6-0.6,1-1.2,1.5-1.7c25.2-24.7,50.4-49.4,75.6-74c3.9-3.8,8-7.7,12.3-11
|
||||
c3.4-2.7,7.3-4.9,11.2-6.9c5.5-2.8,11.3-3.9,17.5-2.5c7.4,1.7,12.8,5.9,16.4,12.6c2.3,4.2,3.6,8.8,3.9,13.5
|
||||
c0.4,5.6,0.8,11.2,0.8,16.8c0.1,56.5,0,113.1,0,169.6c0,0.9,0,1.9,0,2.8C515.4,299.5,515.3,299.6,515.1,299.6z"/>
|
||||
<path d="M650,415.7c-0.8-0.7-1.5-1.2-2.2-1.8c-16.9-14.5-33.7-29-50.6-43.5c-1-0.9-1.7-1.8-2.2-3.1c-6.3-15.7-17.2-26.6-33.2-32.5
|
||||
c-3.6-1.3-7.1-3-10.5-4.7c-3.4-1.7-6.3-4.2-8.7-7.1c-4.7-5.7-6.2-12.5-5.6-19.8c0.9-11.5,9.7-21.3,23-23.4
|
||||
c4.7-0.7,9.3-0.4,13.8,0.9c30.7,9.1,53.2,28.1,68.1,56.3c6.3,12,9.7,25,11.2,38.4c1.3,12.7,0.6,25.2-2.4,37.6
|
||||
C650.5,413.9,650.3,414.6,650,415.7z"/>
|
||||
<path d="M703.3,598.5c14.3,12.4,28.4,24.6,42.6,37c-0.7,0.6-1.1,1.1-1.7,1.5c-10.9,7.6-22.2,14.6-33.8,20.9
|
||||
c-6.8,3.7-13.9,5.1-21.5,3.2c-10.3-2.5-18.6-11.7-20-22.2c-1.5-11.5,2.4-20.9,12.2-27.3C688.2,606.9,695.8,602.9,703.3,598.5z"/>
|
||||
<path d="M625.5,531.2c14.6,12.6,28.9,25,43.4,37.6c-0.9,0.7-1.6,1.4-2.4,1.9c-4.9,3.1-9.8,6.3-14.8,9.4c-5.2,3.2-10.8,4.8-16.9,4.7
|
||||
c-13-0.4-25-11-26-24.3c-0.8-9.5,2.2-17.3,9.4-23.5C620.4,534.9,622.9,533.2,625.5,531.2z"/>
|
||||
<path d="M539.3,456.7c13.4,11.5,26.4,22.9,39.8,34.4c-3.5,1.4-6.8,2.3-10.3,2.9c-16.9,3-32.5-10.7-31.8-27.8
|
||||
C537.1,463.1,537.6,459.9,539.3,456.7z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 5.5 KiB After Width: | Height: | Size: 4.1 KiB |
@ -1,64 +1,22 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
version="1.1"
|
||||
id="Calque_1"
|
||||
x="0px"
|
||||
y="0px"
|
||||
viewBox="0 0 1024 768"
|
||||
style="enable-background:new 0 0 1024 768;"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="sound-on.svg"
|
||||
inkscape:version="0.92.3 (2405546, 2018-03-11)"><metadata
|
||||
id="metadata17"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs15" /><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="640"
|
||||
inkscape:window-height="480"
|
||||
id="namedview13"
|
||||
showgrid="false"
|
||||
inkscape:zoom="0.30729167"
|
||||
inkscape:cx="512"
|
||||
inkscape:cy="384"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="Calque_1" />
|
||||
<g
|
||||
id="g10"
|
||||
style="fill:#ffffff">
|
||||
<path
|
||||
d="M513.7,382.1c0,87.7,0.1,175.5-0.2,263.2c0,8.8-1.2,17.9-4,26.2c-5.6,16.3-20.5,22-35.7,14c-6.7-3.5-12.9-8.6-18.3-14 c-57.7-56.4-115.3-112.9-172.8-169.6c-4-3.9-8-5.5-13.6-5.5c-27.7,0.3-55.4,0.2-83.1,0.1c-21.6,0-32.3-10.9-32.3-32.6 c0-52.3,0-104.6,0-157c0-21.1,10.9-32,32.2-32c27.7-0.1,55.4-0.2,83.1,0.1c5.6,0.1,9.6-1.6,13.6-5.5 C340.1,212.8,397.8,156,455.8,99.5C461.4,94,468,89,475,85.6c16.4-8,32.8,0.2,37,17.9c1.3,5.6,1.6,11.6,1.6,17.4 C513.7,208,513.7,295,513.7,382.1z"
|
||||
id="path2"
|
||||
style="fill:#ffffff" />
|
||||
<path
|
||||
d="M874.1,399.9c-4.8,106.3-58.1,197.5-164.6,256.4c-10.4,5.8-21,6.3-31.1-0.8c-9.9-7-13.1-16.8-10.7-28.4 c2-9.8,8.9-15.7,17.3-20.1c27.5-14.4,51.6-33.2,72-56.7c37.5-43.2,58.9-93.4,61.4-150.6c3.9-90.9-31.9-163.4-104.7-217.6 c-9.7-7.2-20.7-12.8-31.2-19c-18.4-11-21.1-33.4-5.1-46.3c9.9-8,20.9-7.4,31.6-1.8c56.5,29.5,99.9,72.4,129.9,128.6 C862.3,287.9,873.6,335.4,874.1,399.9z"
|
||||
id="path4"
|
||||
style="fill:#ffffff" />
|
||||
<path
|
||||
d="M763,399.8c-3,70.3-39.5,135.2-112.5,178.7c-12.3,7.3-23.9,6.5-34-1.5c-8.2-6.5-11.6-17.9-8.4-28.6c2.6-9,9.3-14.2,17-18.7 c42.1-25.1,68.7-61.5,79.3-109.4c15.3-68.8-16.7-141.6-77.2-177.6c-6.4-3.8-12.6-9-17.1-15c-6.2-8.2-4.4-22.1,2.3-30.2 c7.1-8.6,19.2-12.5,29.1-8.6c20.4,8.1,37.3,21.6,52.9,36.5C738.6,267.5,763,324.9,763,399.8z"
|
||||
id="path6"
|
||||
style="fill:#ffffff" />
|
||||
<path
|
||||
d="M652,385.8c0.2,53.7-38.4,97.2-84.7,107.1c-12.8,2.7-25.3-4.8-30.1-17.3c-4.6-12.2-0.1-25.7,11.2-32.2 c3.8-2.2,8-3.9,12.1-5.4c22-8,36.7-29.1,36.6-52.5c-0.1-23.1-14.7-44.1-36.6-51.6c-12-4.1-21.9-10-24.6-23.3 c-4.2-21,15.3-37,36.9-30.7C619.8,293.7,652,336.7,652,385.8z"
|
||||
id="path8"
|
||||
style="fill:#ffffff" />
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 1024 768" style="enable-background:new 0 0 1024 768;" xml:space="preserve">
|
||||
<g>
|
||||
<path d="M513.7,382.1c0,87.7,0.1,175.5-0.2,263.2c0,8.8-1.2,17.9-4,26.2c-5.6,16.3-20.5,22-35.7,14c-6.7-3.5-12.9-8.6-18.3-14
|
||||
c-57.7-56.4-115.3-112.9-172.8-169.6c-4-3.9-8-5.5-13.6-5.5c-27.7,0.3-55.4,0.2-83.1,0.1c-21.6,0-32.3-10.9-32.3-32.6
|
||||
c0-52.3,0-104.6,0-157c0-21.1,10.9-32,32.2-32c27.7-0.1,55.4-0.2,83.1,0.1c5.6,0.1,9.6-1.6,13.6-5.5
|
||||
C340.1,212.8,397.8,156,455.8,99.5C461.4,94,468,89,475,85.6c16.4-8,32.8,0.2,37,17.9c1.3,5.6,1.6,11.6,1.6,17.4
|
||||
C513.7,208,513.7,295,513.7,382.1z"/>
|
||||
<path d="M874.1,399.9c-4.8,106.3-58.1,197.5-164.6,256.4c-10.4,5.8-21,6.3-31.1-0.8c-9.9-7-13.1-16.8-10.7-28.4
|
||||
c2-9.8,8.9-15.7,17.3-20.1c27.5-14.4,51.6-33.2,72-56.7c37.5-43.2,58.9-93.4,61.4-150.6c3.9-90.9-31.9-163.4-104.7-217.6
|
||||
c-9.7-7.2-20.7-12.8-31.2-19c-18.4-11-21.1-33.4-5.1-46.3c9.9-8,20.9-7.4,31.6-1.8c56.5,29.5,99.9,72.4,129.9,128.6
|
||||
C862.3,287.9,873.6,335.4,874.1,399.9z"/>
|
||||
<path d="M763,399.8c-3,70.3-39.5,135.2-112.5,178.7c-12.3,7.3-23.9,6.5-34-1.5c-8.2-6.5-11.6-17.9-8.4-28.6c2.6-9,9.3-14.2,17-18.7
|
||||
c42.1-25.1,68.7-61.5,79.3-109.4c15.3-68.8-16.7-141.6-77.2-177.6c-6.4-3.8-12.6-9-17.1-15c-6.2-8.2-4.4-22.1,2.3-30.2
|
||||
c7.1-8.6,19.2-12.5,29.1-8.6c20.4,8.1,37.3,21.6,52.9,36.5C738.6,267.5,763,324.9,763,399.8z"/>
|
||||
<path d="M652,385.8c0.2,53.7-38.4,97.2-84.7,107.1c-12.8,2.7-25.3-4.8-30.1-17.3c-4.6-12.2-0.1-25.7,11.2-32.2
|
||||
c3.8-2.2,8-3.9,12.1-5.4c22-8,36.7-29.1,36.6-52.5c-0.1-23.1-14.7-44.1-36.6-51.6c-12-4.1-21.9-10-24.6-23.3
|
||||
c-4.2-21,15.3-37,36.9-30.7C619.8,293.7,652,336.7,652,385.8z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 1.8 KiB |
2095
vendor/bootstrap/css/bootstrap-grid.css
vendored
2095
vendor/bootstrap/css/bootstrap-grid.css
vendored
File diff suppressed because it is too large
Load Diff
1
vendor/bootstrap/css/bootstrap-grid.css.map
vendored
1
vendor/bootstrap/css/bootstrap-grid.css.map
vendored
File diff suppressed because one or more lines are too long
8
vendor/bootstrap/css/bootstrap-grid.min.css
vendored
8
vendor/bootstrap/css/bootstrap-grid.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
515
vendor/bootstrap/css/bootstrap-reboot.css
vendored
515
vendor/bootstrap/css/bootstrap-reboot.css
vendored
@ -1,113 +1,91 @@
|
||||
/*!
|
||||
* Bootstrap Reboot v4.1.0 (https://getbootstrap.com/)
|
||||
* Copyright 2011-2018 The Bootstrap Authors
|
||||
* Copyright 2011-2018 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
|
||||
*/
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
|
||||
html {
|
||||
font-family: sans-serif;
|
||||
line-height: 1.15;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
-ms-overflow-style: scrollbar;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
@-ms-viewport {
|
||||
width: device-width;
|
||||
}
|
||||
|
||||
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
|
||||
display: block;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.5;
|
||||
color: #212529;
|
||||
text-align: left;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
[tabindex="-1"]:focus {
|
||||
outline: 0 !important;
|
||||
article,
|
||||
aside,
|
||||
footer,
|
||||
header,
|
||||
nav,
|
||||
section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
figcaption,
|
||||
figure,
|
||||
main {
|
||||
display: block;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 1em 40px;
|
||||
}
|
||||
|
||||
hr {
|
||||
box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
pre {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
a {
|
||||
background-color: transparent;
|
||||
-webkit-text-decoration-skip: objects;
|
||||
}
|
||||
|
||||
abbr[title],
|
||||
abbr[data-original-title] {
|
||||
a:active,
|
||||
a:hover {
|
||||
outline-width: 0;
|
||||
}
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none;
|
||||
text-decoration: underline;
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted;
|
||||
cursor: help;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
address {
|
||||
margin-bottom: 1rem;
|
||||
font-style: normal;
|
||||
line-height: inherit;
|
||||
b,
|
||||
strong {
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul,
|
||||
dl {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
ol ol,
|
||||
ul ul,
|
||||
ol ul,
|
||||
ul ol {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-bottom: .5rem;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 0 0 1rem;
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
mark {
|
||||
background-color: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
small {
|
||||
@ -116,67 +94,31 @@ small {
|
||||
|
||||
sub,
|
||||
sup {
|
||||
position: relative;
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -.25em;
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -.5em;
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #007bff;
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
-webkit-text-decoration-skip: objects;
|
||||
audio,
|
||||
video {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #0056b3;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:not([href]):not([tabindex]) {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:not([href]):not([tabindex]):focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
pre,
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
pre {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
overflow: auto;
|
||||
-ms-overflow-style: scrollbar;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0 0 1rem;
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
@ -184,45 +126,15 @@ svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
caption {
|
||||
padding-top: 0.75rem;
|
||||
padding-bottom: 0.75rem;
|
||||
color: #6c757d;
|
||||
text-align: left;
|
||||
caption-side: bottom;
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: inherit;
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
button {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
button:focus {
|
||||
outline: 1px dotted;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
}
|
||||
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: sans-serif;
|
||||
font-size: 100%;
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
button,
|
||||
@ -246,14 +158,264 @@ button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
input[type="radio"],
|
||||
input[type="checkbox"] {
|
||||
box-sizing: border-box;
|
||||
button:-moz-focusring,
|
||||
[type="button"]:-moz-focusring,
|
||||
[type="reset"]:-moz-focusring,
|
||||
[type="submit"]:-moz-focusring {
|
||||
outline: 1px dotted ButtonText;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
border: 1px solid #c0c0c0;
|
||||
margin: 0 2px;
|
||||
padding: 0.35em 0.625em 0.75em;
|
||||
}
|
||||
|
||||
legend {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
color: inherit;
|
||||
display: table;
|
||||
max-width: 100%;
|
||||
padding: 0;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
progress {
|
||||
display: inline-block;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
[type="checkbox"],
|
||||
[type="radio"] {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
[type="search"] {
|
||||
-webkit-appearance: textfield;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
[type="search"]::-webkit-search-cancel-button,
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button;
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
details,
|
||||
menu {
|
||||
display: block;
|
||||
}
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
canvas {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
html {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
-webkit-box-sizing: inherit;
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
@-ms-viewport {
|
||||
width: device-width;
|
||||
}
|
||||
|
||||
html {
|
||||
-ms-overflow-style: scrollbar;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
||||
font-size: 1rem;
|
||||
font-weight: normal;
|
||||
line-height: 1.5;
|
||||
color: #292b2c;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
[tabindex="-1"]:focus {
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 0;
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
abbr[title],
|
||||
abbr[data-original-title] {
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
address {
|
||||
margin-bottom: 1rem;
|
||||
font-style: normal;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul,
|
||||
dl {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
ol ol,
|
||||
ul ul,
|
||||
ol ul,
|
||||
ul ol {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-bottom: .5rem;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #0275d8;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:focus, a:hover {
|
||||
color: #014c8c;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:not([href]):not([tabindex]) {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:not([href]):not([tabindex]):focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
pre {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
[role="button"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
a,
|
||||
area,
|
||||
button,
|
||||
[role="button"],
|
||||
input,
|
||||
label,
|
||||
select,
|
||||
summary,
|
||||
textarea {
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
caption {
|
||||
padding-top: 0.75rem;
|
||||
padding-bottom: 0.75rem;
|
||||
color: #636c72;
|
||||
text-align: left;
|
||||
caption-side: bottom;
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
|
||||
button:focus {
|
||||
outline: 1px dotted;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
}
|
||||
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
textarea {
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
input[type="radio"]:disabled,
|
||||
input[type="checkbox"]:disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
input[type="date"],
|
||||
@ -264,7 +426,6 @@ input[type="month"] {
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
@ -278,52 +439,20 @@ fieldset {
|
||||
legend {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
padding: 0;
|
||||
margin-bottom: .5rem;
|
||||
font-size: 1.5rem;
|
||||
line-height: inherit;
|
||||
color: inherit;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
[type="search"] {
|
||||
outline-offset: -2px;
|
||||
input[type="search"] {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
[type="search"]::-webkit-search-cancel-button,
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
font: inherit;
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
output {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -1,8 +1 @@
|
||||
/*!
|
||||
* Bootstrap Reboot v4.1.0 (https://getbootstrap.com/)
|
||||
* Copyright 2011-2018 The Bootstrap Authors
|
||||
* Copyright 2011-2018 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
|
||||
*/*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}
|
||||
/*# sourceMappingURL=bootstrap-reboot.min.css.map */
|
||||
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}@-ms-viewport{width:device-width}html{-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#292b2c;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{cursor:help}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}a{color:#0275d8;text-decoration:none}a:focus,a:hover{color:#014c8c;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle}[role=button]{cursor:pointer}[role=button],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse;background-color:transparent}caption{padding-top:.75rem;padding-bottom:.75rem;color:#636c72;text-align:left;caption-side:bottom}th{text-align:left}label{display:inline-block;margin-bottom:.5rem}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,select,textarea{line-height:inherit}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit}input[type=search]{-webkit-appearance:none}output{display:inline-block}[hidden]{display:none!important}/*# sourceMappingURL=bootstrap-reboot.min.css.map */
|
||||
File diff suppressed because one or more lines are too long
9444
vendor/bootstrap/css/bootstrap.css
vendored
9444
vendor/bootstrap/css/bootstrap.css
vendored
File diff suppressed because it is too large
Load Diff
1
vendor/bootstrap/css/bootstrap.css.map
vendored
1
vendor/bootstrap/css/bootstrap.css.map
vendored
File diff suppressed because one or more lines are too long
9
vendor/bootstrap/css/bootstrap.min.css
vendored
9
vendor/bootstrap/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
1
vendor/bootstrap/css/bootstrap.min.css.map
vendored
1
vendor/bootstrap/css/bootstrap.min.css.map
vendored
File diff suppressed because one or more lines are too long
6433
vendor/bootstrap/js/bootstrap.bundle.js
vendored
6433
vendor/bootstrap/js/bootstrap.bundle.js
vendored
File diff suppressed because it is too large
Load Diff
1
vendor/bootstrap/js/bootstrap.bundle.js.map
vendored
1
vendor/bootstrap/js/bootstrap.bundle.js.map
vendored
File diff suppressed because one or more lines are too long
7
vendor/bootstrap/js/bootstrap.bundle.min.js
vendored
7
vendor/bootstrap/js/bootstrap.bundle.min.js
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
6938
vendor/bootstrap/js/bootstrap.js
vendored
6938
vendor/bootstrap/js/bootstrap.js
vendored
File diff suppressed because it is too large
Load Diff
1
vendor/bootstrap/js/bootstrap.js.map
vendored
1
vendor/bootstrap/js/bootstrap.js.map
vendored
File diff suppressed because one or more lines are too long
12
vendor/bootstrap/js/bootstrap.min.js
vendored
12
vendor/bootstrap/js/bootstrap.min.js
vendored
File diff suppressed because one or more lines are too long
1
vendor/bootstrap/js/bootstrap.min.js.map
vendored
1
vendor/bootstrap/js/bootstrap.min.js.map
vendored
File diff suppressed because one or more lines are too long
34
vendor/font-awesome/LICENSE.txt
vendored
34
vendor/font-awesome/LICENSE.txt
vendored
@ -1,34 +0,0 @@
|
||||
Font Awesome Free License
|
||||
-------------------------
|
||||
|
||||
Font Awesome Free is free, open source, and GPL friendly. You can use it for
|
||||
commercial projects, open source projects, or really almost whatever you want.
|
||||
Full Font Awesome Free license: https://fontawesome.com/license/free.
|
||||
|
||||
# Icons: CC BY 4.0 License (https://creativecommons.org/licenses/by/4.0/)
|
||||
In the Font Awesome Free download, the CC BY 4.0 license applies to all icons
|
||||
packaged as SVG and JS file types.
|
||||
|
||||
# Fonts: SIL OFL 1.1 License (https://scripts.sil.org/OFL)
|
||||
In the Font Awesome Free download, the SIL OFL license applies to all icons
|
||||
packaged as web and desktop font files.
|
||||
|
||||
# Code: MIT License (https://opensource.org/licenses/MIT)
|
||||
In the Font Awesome Free download, the MIT license applies to all non-font and
|
||||
non-icon files.
|
||||
|
||||
# Attribution
|
||||
Attribution is required by MIT, SIL OFL, and CC BY licenses. Downloaded Font
|
||||
Awesome Free files already contain embedded comments with sufficient
|
||||
attribution, so you shouldn't need to do anything additional when using these
|
||||
files normally.
|
||||
|
||||
We've kept attribution comments terse, so we ask that you do not actively work
|
||||
to remove them from files, especially code. They're a great way for folks to
|
||||
learn about Font Awesome.
|
||||
|
||||
# Brand Icons
|
||||
All brand icons are trademarks of their respective owners. The use of these
|
||||
trademarks does not indicate endorsement of the trademark holder by Font
|
||||
Awesome, nor vice versa. **Please do not use brand logos for any purpose except
|
||||
to represent the company, product, or service to which they refer.**
|
||||
4392
vendor/font-awesome/css/all.css
vendored
4392
vendor/font-awesome/css/all.css
vendored
File diff suppressed because it is too large
Load Diff
5
vendor/font-awesome/css/all.min.css
vendored
5
vendor/font-awesome/css/all.min.css
vendored
File diff suppressed because one or more lines are too long
14
vendor/font-awesome/css/brands.css
vendored
14
vendor/font-awesome/css/brands.css
vendored
@ -1,14 +0,0 @@
|
||||
/*!
|
||||
* Font Awesome Free 5.9.0 by @fontawesome - https://fontawesome.com
|
||||
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'Font Awesome 5 Brands';
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-display: auto;
|
||||
src: url("../webfonts/fa-brands-400.eot");
|
||||
src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); }
|
||||
|
||||
.fab {
|
||||
font-family: 'Font Awesome 5 Brands'; }
|
||||
5
vendor/font-awesome/css/brands.min.css
vendored
5
vendor/font-awesome/css/brands.min.css
vendored
@ -1,5 +0,0 @@
|
||||
/*!
|
||||
* Font Awesome Free 5.9.0 by @fontawesome - https://fontawesome.com
|
||||
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||
*/
|
||||
@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:auto;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}
|
||||
4359
vendor/font-awesome/css/fontawesome.css
vendored
4359
vendor/font-awesome/css/fontawesome.css
vendored
File diff suppressed because it is too large
Load Diff
5
vendor/font-awesome/css/fontawesome.min.css
vendored
5
vendor/font-awesome/css/fontawesome.min.css
vendored
File diff suppressed because one or more lines are too long
15
vendor/font-awesome/css/regular.css
vendored
15
vendor/font-awesome/css/regular.css
vendored
@ -1,15 +0,0 @@
|
||||
/*!
|
||||
* Font Awesome Free 5.9.0 by @fontawesome - https://fontawesome.com
|
||||
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: auto;
|
||||
src: url("../webfonts/fa-regular-400.eot");
|
||||
src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }
|
||||
|
||||
.far {
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
font-weight: 400; }
|
||||
5
vendor/font-awesome/css/regular.min.css
vendored
5
vendor/font-awesome/css/regular.min.css
vendored
@ -1,5 +0,0 @@
|
||||
/*!
|
||||
* Font Awesome Free 5.9.0 by @fontawesome - https://fontawesome.com
|
||||
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||
*/
|
||||
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:auto;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 5 Free";font-weight:400}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user