nickorlow/personal-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

better terminal animation

Browse source
This commit is contained in:
Nicholas Orlowsky 2021-06-30 16:21:57 -04:00
parent e482a678bf
commit 5c3fb3d0ee
6 changed files with 7 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/App.tsx
View file

@ -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/>

2
src/components/info-card/InfoCard.tsx
View file

@ -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>}