diff --git a/src/css/style.scss b/src/css/style.scss index 4808918..a42e664 100644 --- a/src/css/style.scss +++ b/src/css/style.scss @@ -89,7 +89,34 @@ legend { } .project-text-content { - font-size: 0.75em; + font-size: 1em; +} + +.project-title-one-line { + font-size: 1.5em; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + animation: scroll-text 10s linear infinite; + + &:hover { + animationplay-state: paused; + } +} + + +@keyframes scroll-text { + 0% { + transform: translateX(100%); + } + 100% { + transform: translateX(-100%); + } +} + +legend { + font-size: 1em; } .project-text-content a { diff --git a/src/project.njk b/src/project.njk index a7cc7fe..f8105f3 100644 --- a/src/project.njk +++ b/src/project.njk @@ -55,8 +55,8 @@ permalink: "projects/{{ project.folder | slugify }}/"
-

{% phicon "projector-screen" %}

-

{{project.videast.name}} X {{project.musician.name}} — {{project.title}}

+

+

{% phicon "projector-screen" %} {{project.videast.name}} X {{project.musician.name}} — {{project.title}}