kevin/Unkn0wnCat.net
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/Unkn0wnCat.net.git synced 2025-08-06 10:08:58 +02:00
Code Issues Projects Releases Wiki Activity

Upgrade dependencies and switch to yarn

Browse source
This commit is contained in:
Kevin Kandlbinder 2022-01-25 18:02:36 +01:00
parent c7d1fc4c00
commit 0ea38b9660
19 changed files with 12155 additions and 22669 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/pages/index.js
View file

@ -11,9 +11,6 @@ import steamImage from "../images/assets/steam.jpg"
import * as styles from "./index.module.scss";
const HtmlToReactParser = require('html-to-react').Parser;
let parser = new HtmlToReactParser();
const makeStyle = function(image) {
return {
backgroundImage: "linear-gradient(rgba(0, 0, 0, .75), rgba(0, 0, 0, .75)), url("+image+")"
@ -33,7 +30,10 @@ const IndexPage = ({ data }) => (
<div>
<h1>About me</h1>
{ parser.parse(data.allMarkdownRemark.edges[0].node.html) }
<div
className="about-content"
dangerouslySetInnerHTML={{ __html: data.allMarkdownRemark.edges[0].node.html }}
/>
</div>
</section>
<section className={styles.social}>
@ -66,7 +66,7 @@ const IndexPage = ({ data }) => (
export const query = graphql`
query {
allMarkdownRemark(
filter: {fileAbsolutePath: {regex: "/home_about\\\\.md$/"}}
filter: {fileAbsolutePath: {regex: "/home_about.md$/"}}
) {
edges {
node {
@ -75,7 +75,6 @@ query {
}
}
}
`
export default IndexPage

3
src/pages/videos.module.scss
View file

@ -1,3 +1,4 @@
@use "sass:math";
$boxWidth: 300px;
.videos {
@ -8,7 +9,7 @@ $boxWidth: 300px;
a {
width: $boxWidth;
height: $boxWidth / 16 * 9;
height: math.div($boxWidth, 16) * 9;
background-size: cover;
background-position: center;
color: white;