Added the ministry of truth
This commit is contained in:
parent
071079b061
commit
92cb7977ef
11 changed files with 186 additions and 80 deletions
|
@ -10,58 +10,6 @@ export const center_vertical = style({
|
|||
border: '0.3em solid purple'
|
||||
})
|
||||
|
||||
export const marquee_container = style({
|
||||
display: 'flex',
|
||||
width: '100%',
|
||||
height: 'max-content',
|
||||
overflow: 'hidden',
|
||||
backgroundColor: 'black',
|
||||
})
|
||||
|
||||
const scroll_marquee = keyframes({
|
||||
'0%': { left: ' 0%' },
|
||||
'100%': { left: '-100%' },
|
||||
})
|
||||
|
||||
export const marquee_content = style({
|
||||
position: 'relative',
|
||||
fontSize: '1em',
|
||||
color: 'magenta',
|
||||
whiteSpace: 'nowrap',
|
||||
animationName: scroll_marquee,
|
||||
animationDuration: '8s',
|
||||
animationTimingFunction: 'linear',
|
||||
animationIterationCount: 'infinite',
|
||||
})
|
||||
|
||||
export const beeg_container = style({
|
||||
position: 'relative',
|
||||
width: 'max-content',
|
||||
height: 'max-content',
|
||||
})
|
||||
|
||||
const beeg = style({
|
||||
position: 'absolute',
|
||||
fontSize: '3em',
|
||||
})
|
||||
|
||||
export const beeg_dummy = style([beeg, {
|
||||
position: 'static',
|
||||
color: 'transparent',
|
||||
}])
|
||||
|
||||
export const beeg_foreground = style([beeg, {
|
||||
background: 'linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(255,255,0,1) 16%, rgba(0,255,0,1) 33%, rgba(0,255,255,1) 50%, rgba(0,0,255,1) 66%, rgba(255,0,255,1) 83%, rgba(255,0,0,1) 100%)',
|
||||
backgroundClip: 'text',
|
||||
color: 'transparent',
|
||||
}])
|
||||
|
||||
export const beeg_background = style([beeg, {
|
||||
left: '-0.1em',
|
||||
top: ' 0.1em',
|
||||
color: 'black',
|
||||
}])
|
||||
|
||||
export const big_brother_style = style({
|
||||
width: '40%',
|
||||
height: 'auto',
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue