Warwick/portfolio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

made video much smaller

Browse source
This commit is contained in:
Warwick 2020-11-13 14:52:56 +00:00
parent 6f479b33eb
commit 03580ed0e7
2 changed files with 24 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/Greeting.jsx
View file

@ -8,12 +8,27 @@ import {
Button, Button,
} from "@material-ui/core"; } from "@material-ui/core";
import CV from "../static/cv.pdf"; import CV from "../static/cv.pdf";
import PortfolioVideo from "../static/video/Portfolio.webm"; import PortfolioVideo from "../static/video/Portfolio.mp4";
import PortfolioTexture from "../static/images/diagmonds-light.png";
class Greeting extends Component { class Greeting extends Component {
render() { render() {
return ( return (
<div> <div>
{/*<div
style={{
position: "absolute",
width: "100%",
left: "50%",
right: "50%",
top: "50%",
height: "100%",
//objectfit: "cover",
transform: "translate(-50%,-50%)",
zindex: "-100",
background: `url(${PortfolioTexture})`,
}}
/>*/}
<video <video
autoPlay autoPlay
muted muted
@ -27,14 +42,19 @@ class Greeting extends Component {
height: "50%", height: "50%",
objectFit: "cover", objectFit: "cover",
transform: "translate(-50%,-50%)", transform: "translate(-50%,-50%)",
zIndex: "-1", zIndex: "-2",
}} }}
//width="100%" //width="100%"
//height="315" //height="315"
> >
<source src={PortfolioVideo} type="video/webm" /> <source src={PortfolioVideo} type="video/mp4" />
</video> </video>
<Container maxWidth="sm"> <Container
maxWidth="sm"
style={{
zindex: "0",
}}
>
<p /> <p />
<Card> <Card>
<CardContent> <CardContent>

BIN
static/video/Portfolio.mp4 Normal file
View file

Binary file not shown.