better terminal animation
This commit is contained in:
parent
e482a678bf
commit
5c3fb3d0ee
Binary file not shown.
Before Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
Before Width: | Height: | Size: 5.2 KiB |
Binary file not shown.
Before Width: | Height: | Size: 9.4 KiB |
|
@ -1,23 +1,6 @@
|
|||
{
|
||||
"short_name": "React App",
|
||||
"name": "Create React App Sample",
|
||||
"icons": [
|
||||
{
|
||||
"src": "favicon.ico",
|
||||
"sizes": "64x64 32x32 24x24 16x16",
|
||||
"type": "image/x-icon"
|
||||
},
|
||||
{
|
||||
"src": "logo192.png",
|
||||
"type": "image/png",
|
||||
"sizes": "192x192"
|
||||
},
|
||||
{
|
||||
"src": "logo512.png",
|
||||
"type": "image/png",
|
||||
"sizes": "512x512"
|
||||
}
|
||||
],
|
||||
"short_name": "personal-site",
|
||||
"name": "My personal website",
|
||||
"start_url": ".",
|
||||
"display": "standalone",
|
||||
"theme_color": "#000000",
|
||||
|
|
|
@ -10,11 +10,13 @@ import Contact from "./components/contact/Contact";
|
|||
import Terminal from "./components/terminal/Terminal";
|
||||
|
||||
function App() {
|
||||
const [isTerminalVisible, setIsTerminalVisible] = useState(false);
|
||||
|
||||
const showTerm: boolean = new URLSearchParams(window.location.search).get("showTerm") === 'true';
|
||||
const [isTerminalVisible, setIsTerminalVisible] = useState(showTerm);
|
||||
|
||||
return (
|
||||
<div className="App">
|
||||
<Terminal isTerminalVisible={isTerminalVisible} setIsTerminalVisible={setIsTerminalVisible}/>
|
||||
{showTerm && <Terminal isTerminalVisible={isTerminalVisible} setIsTerminalVisible={setIsTerminalVisible}/>}
|
||||
{!isTerminalVisible &&
|
||||
<div>
|
||||
<Hero/>
|
||||
|
|
|
@ -12,7 +12,7 @@ export default function InfoCard(props: {style?: any, className?: string, info:
|
|||
<div>
|
||||
<h4>{props.info.listTitle}</h4>
|
||||
<div className={"row"} style={{color: "green", fontFamily: "monospace"}}>
|
||||
{props.info.list.map(s => <p className={"col-6 "+(props.info.listClassName || "col-md-4")}>{s}</p>)}
|
||||
{props.info.list.map(s => <p className={"col-6 "+(props.info.listClassName || "col-md-4")} style={{fontSize: 16}}>{s}</p>)}
|
||||
</div>
|
||||
</div>
|
||||
{props.info.link != null && <a href={props.info.link}>{props.info.linkTitle || "Relevant Link"}</a>}
|
||||
|
|
Loading…
Reference in a new issue