Compare commits
No commits in common. "master" and "test_mpd" have entirely different histories.
|
|
@ -1,5 +1,3 @@
|
|||
.sass-cache
|
||||
node_modules
|
||||
bower_components
|
||||
css/creative.css
|
||||
css/creative.css.map
|
||||
|
|
|
|||
|
|
@ -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 |
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 |
Binary file not shown.
|
After Width: | Height: | Size: 111 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 61 KiB |
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 |
Binary file not shown.
|
After Width: | Height: | Size: 111 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 61 KiB |
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 |
512
index.html
512
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";
|
||||
});
|
||||
$('#youtubeModal').on('hidden.bs.modal', function () {
|
||||
$(this).find('.modal-body iframe')[0].src = "";
|
||||
});
|
||||
|
||||
$('#iframeModal').on('hidden.bs.modal', function () {
|
||||
$('#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 = "";
|
||||
$(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,
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
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
|
||||
|
|
|
|||
|
|
@ -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"?>
|
||||
<!-- 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" />
|
||||
</g>
|
||||
</svg>
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<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"?>
|
||||
<!-- 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" />
|
||||
</g>
|
||||
</svg>
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<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 |
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -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
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -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.**
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -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'; }
|
||||
|
|
@ -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"}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -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; }
|
||||
|
|
@ -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