2018-11-30 18:37:43 -07:00
|
|
|
import * as React from "react";
|
2020-02-15 11:30:23 -07:00
|
|
|
import { ExternalUrl } from "../external_urls";
|
2018-11-30 18:37:43 -07:00
|
|
|
|
2018-11-30 19:41:50 -07:00
|
|
|
export const LaptopSplash = ({ className }: { className: string }) =>
|
|
|
|
<div className={className}>
|
2018-11-30 18:37:43 -07:00
|
|
|
<div className="perspective-container">
|
|
|
|
<div className="laptop">
|
|
|
|
<div className="laptop-screen">
|
|
|
|
<video muted autoPlay loop>
|
2020-02-18 12:21:09 -07:00
|
|
|
<source src={ExternalUrl.Video.desktop} type="video/mp4" />
|
2018-11-30 18:37:43 -07:00
|
|
|
</video>
|
|
|
|
<span className="laptop-shine" />
|
|
|
|
</div>
|
|
|
|
<div className="laptop-keyboard">
|
|
|
|
<div className="laptop-keys">
|
|
|
|
</div>
|
|
|
|
<div className="laptop-trackpad">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>;
|