From b63889ef34e317c3b81d40e2e3cd4ba51ee0ff80 Mon Sep 17 00:00:00 2001 From: Roman Koshkin Date: Thu, 18 Apr 2024 12:04:48 +0900 Subject: [PATCH] changed landing style, avatar order, social share, publications --- data/publications.mdx | 55 +++++++++++++++------------------ src/components/Presentation.tsx | 51 ++++++++++++++++++++++++++++-- src/pages/index.tsx | 4 +-- src/styles.css | 21 ++++++------- 4 files changed, 86 insertions(+), 45 deletions(-) diff --git a/data/publications.mdx b/data/publications.mdx index 5f1d4bd..dc957f3 100644 --- a/data/publications.mdx +++ b/data/publications.mdx @@ -47,6 +47,7 @@ title: Publications & Patents authors="Roman Koshkin, Yury Shtyrov, Andriy Myachykov & Alex Ossadtchi" issue="13(10)" pageRange="100-120" + pdf="https://doi.org/10.1371/%20journal.pone.0206129" abstract="We utilized the event-related potential (ERP) technique to study neural activity associated with different levels of working memory (WM) load during simultaneous interpretation (SI) of continuous prose. The amplitude of N1 and P1 components elicited by task-irrelevant tone probes was significantly modulated as a function of WM load but not the direction of interpretation. Furthermore, the latency of the P1 increased significantly with WM load. The WM load effect on N1 latency, however, did not reach significance. Larger negativity under lower WM loads suggests that more attention is available to process the source message, providing the first electrophysiological evidence in support of the Efforts Model of SI. Relationships between the direction of interpretation and median WM load are also discussed." /> @@ -57,7 +58,7 @@ title: Publications & Patents authors="Roman Koshkin & Alex Ossadtchi" issue="11(2)" pageRange="273" - abstract="We utilized the event-related potential (ERP) technique to study neural activity associated with different levels of working memory (WM) load during simultaneous interpretation (SI) of continuous prose. The amplitude of N1 and P1 components elicited by task-irrelevant tone probes was significantly modulated as a function of WM load but not the direction of interpretation. Furthermore, the latency of the P1 increased significantly with WM load. The WM load effect on N1 latency, however, did not reach significance. Larger negativity under lower WM loads suggests that more attention is available to process the source message, providing the first electrophysiological evidence in support of the Efforts Model of SI. Relationships between the direction of interpretation and median WM load are also discussed." + pdf="http://doi.org/10.3389/fnhum.2017.00064" /> ## Patents @@ -76,70 +77,64 @@ title: Publications & Patents ## Conference Proceedings - - ## Presentations and Talks + place="Higher School of Economics, Moscow, Russia" +/> \ No newline at end of file diff --git a/src/components/Presentation.tsx b/src/components/Presentation.tsx index bdcc5ad..e657784 100644 --- a/src/components/Presentation.tsx +++ b/src/components/Presentation.tsx @@ -1,4 +1,6 @@ import { LangBadge } from './LangBadge' +import { PDFBadge, AbstractBadge, AbstractText } from './Badges' +import { useState, useEffect, useRef } from 'react'; type Props = React.PropsWithChildren<{ title: string @@ -7,11 +9,43 @@ type Props = React.PropsWithChildren<{ date: string place: string lang?: string + pdf?: string + abstract?: string }> -export function Presentation({ title, authors, conference, date, place, lang, children }: Props) { +export function Presentation({ title, authors, conference, date, place, lang, children, pdf, abstract}: Props) { + const [abstractVisible, setAbstractVisible] = useState(false); + const [maxHeight, setMaxHeight] = useState('0px'); + const abstractRef = useRef(null); + + useEffect(() => { + if (abstractVisible && abstractRef.current) { + // Dynamically set maxHeight for the transition when abstract is visible + setMaxHeight(`${abstractRef.current.scrollHeight}px`); + } else { + setMaxHeight('0px'); // Reset maxHeight to enable smooth collapse + } + }, [abstractVisible, abstractRef.current?.scrollHeight]); + + const onClick = () => { + setAbstractVisible(!abstractVisible); + }; + + const abstractStyle = { + transition: 'opacity 0.5s ease, max-height 0.5s ease', + maxHeight: abstractVisible ? maxHeight : '0', // Use dynamic maxHeight for smooth animation + overflow: 'hidden', + opacity: abstractVisible ? 1 : 0, + }; + + const onPDFClick = () => { + if (pdf) { + window.open(pdf, '_blank', 'noopener,noreferrer'); + } + }; + return ( -
+
{lang && ( @@ -29,6 +63,19 @@ export function Presentation({ title, authors, conference, date, place, lang, ch {date}{', '}{place}

{children}

+ {abstract && ( + + + + )} + {pdf && ( + + + + )} +
+ {abstract && } +
) } diff --git a/src/pages/index.tsx b/src/pages/index.tsx index ee45de5..8dbd3cc 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -11,8 +11,8 @@ export default function Home() {

- Roman Koshkin - + Roman Koshkin + Roman Koshkin
diff --git a/src/styles.css b/src/styles.css index b966cd9..d9f9de6 100644 --- a/src/styles.css +++ b/src/styles.css @@ -63,38 +63,37 @@ h6 { ); background-size: 400% 0; background-clip: text; - text-fill-color: transparent; -webkit-text-fill-color: transparent; background-size: 200% auto; animation: slide 10s linear infinite; } -.avatar { - transition: transform 0.3s; - transform: rotateY(0); - backface-visibility: hidden; +.title:hover .title-gradient { + opacity: 0; } .transit { transition: height 3s ease; } -.photo { +.avatar { transition: transform 0.3s; transform: rotateY(180deg); backface-visibility: hidden; } -.title:hover .avatar { - transform: rotateY(180deg); +.photo { + transition: transform 0.3s; + transform: rotateY(0deg); + backface-visibility: hidden; } -.title:hover .photo { +.title:hover .avatar { transform: rotateY(360deg); } -.title:hover .title-cover { - @apply opacity-0; +.title:hover .photo { + transform: rotateY(180deg); } .track-link:hover > *:first-child {