Horhik/personal-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Static content changed because the site has no backend yet

Browse source
This commit is contained in:
horhik 2020-05-27 04:16:28 +03:00
parent 1d5b7d3519
commit 24d8900a3a
8 changed files with 69 additions and 56 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
.idea/workspace.xml
View file

@ -11,15 +11,13 @@
</component>
<component name="ChangeListManager">
<list default="true" id="4b1db503-490b-4f06-812d-6b9b94d2764a" name="Default Changelist" comment="">
<change afterPath="$PROJECT_DIR$/src/css/elements/blog-post-preview.scss" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/svg/stopwatch.svg" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/svg/watch.svg" afterDir="false" />
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/public/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/public/index.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/App.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/App.js" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/components/elements/homepage/recent-block.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/elements/homepage/recent-block.jsx" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/components/elements/homepage/recent-list.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/elements/homepage/recent-list.jsx" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/components/pages/blog.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/pages/blog.jsx" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/css/basic.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/css/basic.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/img/░█░█░░░░█▀▄ ░█▀█░░░░█░█ ░▀░▀░▀░░▀▀░.png" beforeDir="false" />
<change beforePath="$PROJECT_DIR$/src/components/pages/portfolio.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/pages/portfolio.jsx" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/css/elements/blog-post-preview.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/css/elements/blog-post-preview.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/css/elements/portfolio-project.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/css/elements/portfolio-project.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/reducers/site-content-reducer.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/reducers/site-content-reducer.js" afterDir="false" />
</list>
<option name="SHOW_DIALOG" value="false" />
@ -84,7 +82,8 @@
<workItem from="1589583447607" duration="5148000" />
<workItem from="1590125952856" duration="14140000" />
<workItem from="1590359928462" duration="4688000" />
<workItem from="1590372993882" duration="18882000" />
<workItem from="1590372993882" duration="19190000" />
<workItem from="1590539117687" duration="2719000" />
</task>
<servers />
</component>
@ -143,10 +142,11 @@
<screen x="0" y="0" width="1920" height="1080" />
</state>
<state x="391" y="182" key="SettingsEditor/0.0.1920.1080/1920.0.1280.1024@0.0.1920.1080" timestamp="1590389869850" />
<state x="538" y="-170" width="774" height="774" key="com.intellij.openapi.editor.actions.MultiplePasteAction$ClipboardContentChooser" timestamp="1590396787684">
<state x="534" y="-210" width="774" height="774" key="com.intellij.openapi.editor.actions.MultiplePasteAction$ClipboardContentChooser" timestamp="1590540625923">
<screen x="0" y="0" width="1920" height="1080" />
</state>
<state x="538" y="-170" width="774" height="774" key="com.intellij.openapi.editor.actions.MultiplePasteAction$ClipboardContentChooser/0.0.1920.1080/1920.0.1280.1024@0.0.1920.1080" timestamp="1590396787684" />
<state x="534" y="-210" key="com.intellij.openapi.editor.actions.MultiplePasteAction$ClipboardContentChooser/0.0.1920.1080@0.0.1920.1080" timestamp="1590540625923" />
<state x="1710" y="11" width="99" height="1060" key="dock-window-1" timestamp="1590395037402">
<screen x="0" y="0" width="1920" height="1080" />
</state>

2
src/components/elements/homepage/recent-block.jsx
View file

@ -13,7 +13,7 @@ import { connect } from "react-redux";
const RecentBlock = (props) => {
return (
<a
href="#test"
href={props.link}
className={`recent-block recent-block--${props.pos || "right"}`}
>
{props.header || "no content loaded..."}

31
src/components/elements/homepage/recent-list.jsx
View file

@ -9,33 +9,18 @@ const Recent = (props) => {
<h1 className={"h1 recent-header"}>Recent</h1>
<ul className="recent-list">
<li>
<RecentBlock
header={" My school report said I showed no interest"}
pos="left"
/>
<RecentBlock link={"/portfolio"} header={'Added "TaSquare" project to portfolio '} pos={"right"} />
</li>
<li>
<RecentBlock link={"/portfolio"} header={'Added Snake game to portfolio'} pos={"right"} />
</li>
<li>
<RecentBlock
header={'"A disruptive influence" I felt sorry for them in a way'}
/>
</li>
<li>
<RecentBlock header={"When they finally expelled me"} pos={"left"} />
</li>
<li>
<RecentBlock header={"It didn't mean a thing"} pos={"left"} />
</li>
<li>
<RecentBlock
header={" Life is unfair, kill yourself or get over it"}
pos={"right"}
/>
</li>
<li>
<RecentBlock
header={" Life is unfair, kill yourself or get over it"}
pos={"left"}
link={"/portfolio"}
header={'Added "AnkiLan" project to portfolio'}
pos="right"
/>
</li>
</ul>

28
src/components/pages/blog.jsx
View file

@ -22,19 +22,21 @@ const BlogArticlePreview = (props) => {
const BlogPage = (props) => {
return (
<div>
<ul className={"blog-posts"}>
{props.posts.map((post, index) => {
const pos = index % 2 === 0 ? "left" : "right";
return (
<li
className={`recent-block recent-block--${pos} blog-posts__item `}
key={post.description}
>
<BlogArticlePreview post={post} pos={pos}/>
</li>
);
})}
</ul>
<h3 className={'nothing'} >There's nothing here yet</h3>
{/*<ul className={"blog-posts"}>*/}
{/* {props.posts.map((post, index) => {*/}
{/* const pos = index % 2 === 0 ? "left" : "right";*/}
{/* return (*/}
{/* <li*/}
{/* className={`recent-block recent-block--${pos} blog-posts__item `}*/}
{/* key={post.description}*/}
{/* >*/}
{/* <BlogArticlePreview post={post} pos={pos}/>*/}
{/* </li>*/}
{/* );*/}
{/* })}*/}
{/*</ul>*/}
<Contacts />
</div>
);

3
src/components/pages/portfolio.jsx
View file

@ -1,6 +1,7 @@
import React from "react";
import { connect } from "react-redux";
import Contacts from "../elements/contacts";
import {APP} from "../../constants/link-types";
const PortfolioItem = (props) => {
const name = props.project.name;
@ -23,6 +24,8 @@ const PortfolioItem = (props) => {
key={link.src}
className={`project-link project-link--${link.type}`}
>
{link.type === APP && link.logo ? <img className={'project-link__logo'} src={link.logo} alt="TaSquare logo"/>: ''}
<a className={"link"} href={link.src}>
{link.name}
</a>

4
src/css/elements/blog-post-preview.scss
View file

@ -24,6 +24,10 @@
}
}
.nothing{
text-align: center;
}
.blog-post__header{
color: $header-color;
& a{

5
src/css/elements/portfolio-project.scss
View file

@ -77,3 +77,8 @@
}
}
}
.project-link__logo{
margin-right: 10px;
width: 30px;
}

34
src/reducers/site-content-reducer.js
View file

@ -1,50 +1,64 @@
import {APP_PAGE, GITHUB} from "../constants/link-types";
import {APP, APP_PAGE, GITHUB} from "../constants/link-types";
const initialState = {
recentNews: ["nope"],
portfolioItems: [
{
name: 'AnkiLan',
description: 'The app created for pushing cards with english words and their definitions to AnkiLan',
description: 'The app created for pushing cards with english words and their definitions to Anki',
gallery: [],
pageLink: '',
links: [
{
name: 'GitHub',
type: GITHUB,
src: 'https://github.com'
src: 'https://github.com/horhik/ankilan'
},
{
/*{
name: 'App page',
type: APP_PAGE,
src: 'https://github.com'
},
*/
]
},
{
name: 'Time garden',
description: 'The Forest like app for desktop and mobile',
name: 'Snake Game',
description: 'Just the "Snake" game with smooth graphics',
gallery: [],
pageLink: '',
links: [
{
name: 'GitHub',
type: GITHUB,
src: 'https://github.com'
src: 'https://github.com/horhik/snake'
},
{
name: 'Game',
type: APP,
src: 'https://smoothsnake.netlify.app',
// logo: 'https://raw.githubusercontent.com/Horhik/tasquare/master/src/svg/logo.svg'
}
]
},
{
name: 'Time garden',
description: 'The Forest like app for desktop and mobile',
name: 'TaSquare',
description: 'TODO app for mobile',
gallery: [],
pageLink: '',
links: [
{
name: 'GitHub',
type: GITHUB,
src: 'https://github.com'
src: 'https://github.com/horhik/tasquare'
},
{
name: 'App',
type: APP,
src: 'https://tasquare.netlify.app',
logo: 'https://raw.githubusercontent.com/Horhik/tasquare/master/src/svg/logo.svg'
}
]