Code style
This commit is contained in:
parent
81fc439e7f
commit
8034aadb93
@ -12,8 +12,8 @@ const ContentPage: NextPage<{ content: ProjectRender | DiaryRender }> = ({ conte
|
||||
return (<>
|
||||
{content.type === "diary" ? <DiaryPageSelector title={content.title} pageSelected={content.pageSelected} name={content.name} pages={content.entries} /> : null}
|
||||
<div className={styles.more}>
|
||||
{content.more ? <a href={content.more} className={"nostyle"}><Icon path={mdiWeb} size={"2em"} title="More" id={`mdi_content_more_link_${content.name}`} /></a> : null}
|
||||
{content.repo ? <a href={content.repo} className={"nostyle"}><Git size={"2em"} title={"Repository"} id={`mdi_content_repo_link_${content.name}`} /></a> : null}
|
||||
{content.more ? <a href={content.more} className="nostyle"><Icon path={mdiWeb} size="2em" title="More" id={`mdi_content_more_link_${content.name}`} /></a> : null}
|
||||
{content.repo ? <a href={content.repo} className="nostyle"><Git size="2em" title="Repository" id={`mdi_content_repo_link_${content.name}`} /></a> : null}
|
||||
</div>
|
||||
<div className={styles.asciidoc} dangerouslySetInnerHTML={{ __html: content.html }}>
|
||||
</div>
|
||||
|
||||
@ -14,13 +14,13 @@ const Layout: NextPage<ILayoutProps> = ({ title, children }) => {
|
||||
<title>{title ?? "c0ntroller.de"}</title>
|
||||
</Head>
|
||||
<div id={styles.blogBody}>
|
||||
<header id={"top"}>
|
||||
<header id="top">
|
||||
<Navigation />
|
||||
</header>
|
||||
<main>
|
||||
{ children }
|
||||
</main>
|
||||
<footer id={"bottom"}>
|
||||
<footer id="bottom">
|
||||
Copyright und so nen Stuff
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
@ -11,29 +11,29 @@ import logo from "../../public/img/icon.png";
|
||||
|
||||
const Navigation: NextPage<{}> = () => {
|
||||
return <nav className={styles.navigation}>
|
||||
<Link href={"/"}>
|
||||
<Link href="/">
|
||||
<a className={`nostyle ${styles.imgContainer} ${styles.logo}`}>
|
||||
<Image src={logo} alt={"Logo"} layout={"fill"} />
|
||||
{/*<picture>
|
||||
<source srcSet="/icon.png" type="image/png" />
|
||||
<img src="/icon.png" alt={"Website icon, a red eye"} className={styles.logo} />
|
||||
</picture>*/}
|
||||
<Image src={logo} alt="Logo" layout="fill" />
|
||||
</a>
|
||||
</Link>
|
||||
<div className={styles.navLink}>
|
||||
<Link href={"/"}><a className="nostyle">
|
||||
<Link href="/"><a className="nostyle">
|
||||
<span className={styles.linkText}>Projects</span>
|
||||
<span className={styles.linkIcon}><Icon path={mdiHome} size={"2em"} title={"Home and Projects"} id={"mdi_nav_home"} /></span>
|
||||
<span className={styles.linkIcon}><Icon path={mdiHome} size="2em" title="Home and Projects" id="mdi_nav_home" /></span>
|
||||
</a></Link>
|
||||
</div>
|
||||
<div className={styles.navLink}>
|
||||
<Link href={"/me"}><a className="nostyle">
|
||||
<Link href="/me"><a className="nostyle">
|
||||
<span className={styles.linkText}>About Me</span>
|
||||
<span className={styles.linkIcon}><Icon path={mdiAccount} size={"2em"} title={"About Me"} id={"mdi_nav_aboutme"} /></span>
|
||||
<span className={styles.linkIcon}><Icon path={mdiAccount} size="2em" title="About Me" id="mdi_nav_aboutme" /></span>
|
||||
</a></Link>
|
||||
</div>
|
||||
<div className={styles.spacer}></div>
|
||||
<div className={styles.navIcon}><a className="nostyle" href={"/terminal"}><Icon path={mdiConsole} size={"2em"} title={"Terminal"} id={"mdi_nav_terminal"} /></a></div>
|
||||
<div className={styles.navIcon}>
|
||||
<Link href="/terminal"><a className="nostyle">
|
||||
<Icon path={mdiConsole} size="2em" title="Terminal" id="mdi_nav_terminal" />
|
||||
</a></Link>
|
||||
</div>
|
||||
<ThemeSwitch />
|
||||
</nav>;
|
||||
};
|
||||
|
||||
@ -36,7 +36,7 @@ const ThemeSwitch: NextPage<{ size?: string }> = ({ size }) => {
|
||||
|
||||
if (!mounted) {
|
||||
return <div className={styles.switch} title="Theme switching needs JS to be enabled.">
|
||||
<Icon path={mdiLanguageJavascript} size={size || "1.5em"} className={styles.placeHolder} id={"mdi_themeswitch_noscript"} />
|
||||
<Icon path={mdiLanguageJavascript} size={size || "1.5em"} className={styles.placeHolder} id="mdi_themeswitch_noscript" />
|
||||
</div>;
|
||||
}
|
||||
|
||||
@ -44,8 +44,8 @@ const ThemeSwitch: NextPage<{ size?: string }> = ({ size }) => {
|
||||
const moonClasses = fadeProps.moon || (theme === "light" ? styles.selected : undefined);
|
||||
|
||||
return <div className={styles.switch}>
|
||||
<div className={sunClasses} onClick={() => switchTheme("light")}><Icon path={mdiWhiteBalanceSunny} size={size || "1.5em"} title={"Light theme"} id={"mdi_themeswitch_light"} /></div>
|
||||
<div className={moonClasses} onClick={() => switchTheme("dark")}><Icon path={mdiWeatherNight} size={size || "1.5em"} title={"Dark theme"} id={"mdi_themeswitch_dark"} /></div>
|
||||
<div className={sunClasses} onClick={() => switchTheme("light")}><Icon path={mdiWhiteBalanceSunny} size={size || "1.5em"} title="Light theme" id="mdi_themeswitch_light" /></div>
|
||||
<div className={moonClasses} onClick={() => switchTheme("dark")}><Icon path={mdiWeatherNight} size={size || "1.5em"} title="Dark theme" id="mdi_themeswitch_dark" /></div>
|
||||
</div>;
|
||||
|
||||
};
|
||||
|
||||
@ -11,7 +11,7 @@ const Spinner: NextPage<{size: number, color?: string}> = ({ size, color }) => {
|
||||
const vbSizeX = (2 * x0) + side + (2 * padding);
|
||||
const vbSizeY = diameterY + (2 * padding);
|
||||
|
||||
return <div style={{height: size, width: size}} className={styles.spinnerContainer}><svg height={"100%"} width={"100%"} viewBox={`-${padding} -${padding} ${vbSizeX} ${vbSizeY}`} className={styles.spinner}>
|
||||
return <div style={{height: size, width: size}} className={styles.spinnerContainer}><svg height="100%" width="100%" viewBox={`-${padding} -${padding} ${vbSizeX} ${vbSizeY}`} className={styles.spinner}>
|
||||
<polygon points={`${x0},${diameterY} 0,${diameterY/2} ${x0},0 ${x0+side},0 ${2*x0 + side},${diameterY/2} ${x0+side},${diameterY}`} className={styles.spinnerPath} style={{stroke: color}} />
|
||||
</svg></div>;
|
||||
};
|
||||
|
||||
@ -160,7 +160,7 @@ const REPLInput: NextPage<REPLInputParams> = ({historyCallback, historyClear, in
|
||||
return <div className={styles.wrapperwrapper}>
|
||||
<span className={styles.inputstart}>$ </span>
|
||||
<div className={styles.wrapper}>
|
||||
<input ref={inputRef as MutableRefObject<HTMLInputElement>} className={styles.in} type={"text"} onChange={replinOnChange} onKeyDown={keyEvent} spellCheck={"false"} autoComplete={"off"} autoFocus maxLength={20} />
|
||||
<input ref={inputRef as MutableRefObject<HTMLInputElement>} className={styles.in} type="text" onChange={replinOnChange} onKeyDown={keyEvent} spellCheck="false" autoComplete="off" autoFocus maxLength={20} />
|
||||
<span className={styles.completionWrapper}><span ref={typed} className={styles.typed}></span><span ref={completion} className={styles.completion}></span></span>
|
||||
</div>
|
||||
</div>;
|
||||
|
||||
@ -9,10 +9,10 @@ interface Achievement {
|
||||
export const achievements = (size?: string): Achievement[] => [
|
||||
{
|
||||
"description": "Awarded with the Deutschlandstipendium",
|
||||
"icon": <Icon path={mdiSeal} size={size || "2em"} id={"mdi_achievement_stip"} />
|
||||
"icon": <Icon path={mdiSeal} size={size || "2em"} id="mdi_achievement_stip" />
|
||||
}, {
|
||||
"description": "Developer of the official testbed for Digital Twins in Industry 4.0 of the TU Dresden",
|
||||
"icon": <Icon path={mdiRobotIndustrial} size={size || "2em"} id={"mdi_achievement_i40"} />
|
||||
"icon": <Icon path={mdiRobotIndustrial} size={size || "2em"} id="mdi_achievement_i40" />
|
||||
}
|
||||
];
|
||||
|
||||
|
||||
@ -45,39 +45,39 @@ export const skills = (sizeCardIcons?: string, sizeBadgeIcons?: string): SkillSe
|
||||
title: "Programming Languages",
|
||||
skillBars: [{
|
||||
name: "TypeScript",
|
||||
icon: <Icon path={mdiLanguageTypescript} size={sizeCardIcons} id={"mdi_skills_prog_ts"} />,
|
||||
icon: <Icon path={mdiLanguageTypescript} size={sizeCardIcons} id="mdi_skills_prog_ts" />,
|
||||
pct: 100
|
||||
}, {
|
||||
name: "JavaScript",
|
||||
icon: <Icon path={mdiLanguageJavascript} size={sizeCardIcons} id={"mdi_skills_prog_js"} />,
|
||||
icon: <Icon path={mdiLanguageJavascript} size={sizeCardIcons} id="mdi_skills_prog_js" />,
|
||||
pct: 100
|
||||
}, {
|
||||
name: "Java",
|
||||
icon: <Icon path={mdiLanguageJava} size={sizeCardIcons} id={"mdi_skills_prog_java"} />,
|
||||
icon: <Icon path={mdiLanguageJava} size={sizeCardIcons} id="mdi_skills_prog_java" />,
|
||||
pct: 80
|
||||
}, {
|
||||
name: "Python 3",
|
||||
icon: <Icon path={mdiLanguagePython} size={sizeCardIcons} id={"mdi_skills_prog_python"} />,
|
||||
icon: <Icon path={mdiLanguagePython} size={sizeCardIcons} id="mdi_skills_prog_python" />,
|
||||
pct: 95
|
||||
}, {
|
||||
name: "PHP",
|
||||
icon: <Icon path={mdiLanguagePhp} size={sizeCardIcons} id={"mdi_skills_prog_php"} />,
|
||||
icon: <Icon path={mdiLanguagePhp} size={sizeCardIcons} id="mdi_skills_prog_php" />,
|
||||
pct: 50
|
||||
}, {
|
||||
name: "Bash",
|
||||
icon: <Icon path={mdiBash} size={sizeCardIcons} id={"mdi_skills_prog_bash"} />,
|
||||
icon: <Icon path={mdiBash} size={sizeCardIcons} id="mdi_skills_prog_bash" />,
|
||||
pct: 60
|
||||
}, {
|
||||
name: "C/C++",
|
||||
icon: <Icon path={mdiLanguageCpp} size={sizeCardIcons} id={"mdi_skills_prog_c"} />,
|
||||
icon: <Icon path={mdiLanguageCpp} size={sizeCardIcons} id="mdi_skills_prog_c" />,
|
||||
pct: 60
|
||||
}, {
|
||||
name: "Rust",
|
||||
icon: <Icon path={mdiLanguageRust} size={sizeCardIcons} id={"mdi_skills_prog_rust"} />,
|
||||
icon: <Icon path={mdiLanguageRust} size={sizeCardIcons} id="mdi_skills_prog_rust" />,
|
||||
pct: 80
|
||||
}, {
|
||||
name: "C#",
|
||||
icon: <Icon path={mdiLanguageCsharp} size={sizeCardIcons} id={"mdi_skills_prog_cs"} />,
|
||||
icon: <Icon path={mdiLanguageCsharp} size={sizeCardIcons} id="mdi_skills_prog_cs" />,
|
||||
pct: 40
|
||||
}],
|
||||
colors: {
|
||||
@ -94,23 +94,23 @@ export const skills = (sizeCardIcons?: string, sizeBadgeIcons?: string): SkillSe
|
||||
title: "Web Technologies",
|
||||
skillBars: [{
|
||||
name: "TypeScript",
|
||||
icon: <Icon path={mdiLanguageTypescript} size={sizeCardIcons} id={"mdi_skills_web_ts"} />,
|
||||
icon: <Icon path={mdiLanguageTypescript} size={sizeCardIcons} id="mdi_skills_web_ts" />,
|
||||
pct: 100
|
||||
}, {
|
||||
name: "JavaScript",
|
||||
icon: <Icon path={mdiLanguageJavascript} size={sizeCardIcons} id={"mdi_skills_web_js"} />,
|
||||
icon: <Icon path={mdiLanguageJavascript} size={sizeCardIcons} id="mdi_skills_web_js" />,
|
||||
pct: 100
|
||||
}, {
|
||||
name: "React",
|
||||
icon: <Icon path={mdiReact} size={sizeCardIcons} id={"mdi_skills_web_react"} />,
|
||||
icon: <Icon path={mdiReact} size={sizeCardIcons} id="mdi_skills_web_react" />,
|
||||
pct: 80
|
||||
}, {
|
||||
name: "HTML5",
|
||||
icon: <Html5 size={sizeCardIcons} id={"mdi_skills_web_html"} />,
|
||||
icon: <Html5 size={sizeCardIcons} id="mdi_skills_web_html" />,
|
||||
pct: 80
|
||||
}, {
|
||||
name: "CSS3",
|
||||
icon: <CssThree size={sizeCardIcons} id={"mdi_skills_web_css"} />,
|
||||
icon: <CssThree size={sizeCardIcons} id="mdi_skills_web_css" />,
|
||||
pct: 90
|
||||
}],
|
||||
additional: [{
|
||||
@ -137,7 +137,7 @@ export const skills = (sizeCardIcons?: string, sizeBadgeIcons?: string): SkillSe
|
||||
title: "Embedded Programming",
|
||||
skillBars: [{
|
||||
name: "C/C++",
|
||||
icon: <Icon path={mdiLanguageCpp} size={sizeCardIcons} id={"mdi_skills_embedded_c"} />,
|
||||
icon: <Icon path={mdiLanguageCpp} size={sizeCardIcons} id="mdi_skills_embedded_c" />,
|
||||
pct: 60
|
||||
}],
|
||||
additional: [{
|
||||
@ -184,15 +184,15 @@ export const skills = (sizeCardIcons?: string, sizeBadgeIcons?: string): SkillSe
|
||||
title: "Languages",
|
||||
skillBars: [{
|
||||
name: "German (native)",
|
||||
icon: <Icon path={mdiTranslateVariant} size={sizeCardIcons} id={"mdi_skills_lang_de"} />,
|
||||
icon: <Icon path={mdiTranslateVariant} size={sizeCardIcons} id="mdi_skills_lang_de" />,
|
||||
pct: 100
|
||||
}, {
|
||||
name: "English (C1)",
|
||||
icon: <Icon path={mdiTranslateVariant} size={sizeCardIcons} id={"mdi_skills_lang_en"} />,
|
||||
icon: <Icon path={mdiTranslateVariant} size={sizeCardIcons} id="mdi_skills_lang_en" />,
|
||||
pct: 90
|
||||
}, {
|
||||
name: "Russian (basics)",
|
||||
icon: <Icon path={mdiTranslateVariant} size={sizeCardIcons} id={"mdi_skills_lang_ru"} />,
|
||||
icon: <Icon path={mdiTranslateVariant} size={sizeCardIcons} id="mdi_skills_lang_ru" />,
|
||||
pct: 30
|
||||
}],
|
||||
colors: {
|
||||
|
||||
@ -75,7 +75,7 @@ const Me: NextPage = () => {
|
||||
return <Layout>
|
||||
<h1>This is me.</h1>
|
||||
<div className={styles.photo}>
|
||||
<Image src={pic} alt="Me" layout={"responsive"} />
|
||||
<Image src={pic} alt="Me" layout="responsive" />
|
||||
</div>
|
||||
<div className={styles.personal}>
|
||||
<p className={styles.preText}>
|
||||
|
||||
@ -65,7 +65,7 @@ const Terminal: NextPage<{ buildTime: string }> = ({ buildTime }) => {
|
||||
<span className={styles.divider}>|</span>
|
||||
<a href="https://github.com/C0ntroller/c0ntroller.de/issues/new" target="_blank" rel="noreferrer">Bug?</a>
|
||||
<span className={styles.divider}>|</span>
|
||||
<a href="mailto:admin-website@c0ntroller.de" rel="noreferrer" className={styles.iconLink}><Icon path={mdiEmail} color="var(--repl_color)" size={"1.5em"} id={"mdi_terminal_nav_email"} title="Email" /></a>
|
||||
<a href="mailto:admin-website@c0ntroller.de" rel="noreferrer" className={styles.iconLink}><Icon path={mdiEmail} color="var(--repl_color)" size="1.5em" id="mdi_terminal_nav_email" title="Email" /></a>
|
||||
<span className={styles.divider}>|</span>
|
||||
<a href="https://github.com/C0ntroller" target="_blank" rel="noreferrer" className={styles.iconLink}><Github color="var(--repl_color)" size={iconSize} title="Github" /></a>
|
||||
<span className={styles.divider}>|</span>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user