60 lines
2.0 KiB
Python
60 lines
2.0 KiB
Python
|
import random
|
||
|
|
import sys
|
||
|
|
|
||
|
|
if len(sys.argv) != 2:
|
||
|
|
print("First and only argument is quantity of lines to cycle thru.")
|
||
|
|
sys.exit(1)
|
||
|
|
qty = int(sys.argv[1])
|
||
|
|
if qty == 3:
|
||
|
|
print("/* When qty=3 it doesn't output the correct amount of classes due to rounding errors. */")
|
||
|
|
|
||
|
|
percent_step = int(round(100 / qty))
|
||
|
|
# idk how to make a blank array
|
||
|
|
percentages = [0] * 0
|
||
|
|
for i in range(0, 100, percent_step):
|
||
|
|
percentages.append(i)
|
||
|
|
# container class
|
||
|
|
print(".roller-container {display: grid; text-align: center;}\n")
|
||
|
|
# set style for all the classes
|
||
|
|
for i in range(0, len(percentages)):
|
||
|
|
# the last one needs it's trailing comma removed TODO
|
||
|
|
if i == len(percentages) - 1:
|
||
|
|
print(f".roller{i}")
|
||
|
|
else:
|
||
|
|
print(f".roller{i},")
|
||
|
|
print(
|
||
|
|
f"""{{
|
||
|
|
animation-iteration-count: infinite;
|
||
|
|
animation-timing-function: cubic-bezier(1, 0, 0, 1);
|
||
|
|
animation-duration: {qty}s;
|
||
|
|
animation-direction: normal;
|
||
|
|
transform-origin: center;
|
||
|
|
/* works with "display: grid" to have all the words in the same place on the screen. */
|
||
|
|
grid-row: 1;
|
||
|
|
grid-column: 1;
|
||
|
|
}}"""
|
||
|
|
)
|
||
|
|
# assign each class it's animation
|
||
|
|
for i in range(0, len(percentages)):
|
||
|
|
print(
|
||
|
|
f".roller{i} {{ animation-name: roll{i}; color: rgb({random.randrange(50, 255)}, {random.randrange(100, 255)}, {random.randrange(100, 255)})}}"
|
||
|
|
)
|
||
|
|
# set keyframes
|
||
|
|
for i in range(0, len(percentages)):
|
||
|
|
print(f"@keyframes roll{i} {{")
|
||
|
|
for j in percentages:
|
||
|
|
# Make sure everybody has an 100% rule
|
||
|
|
if j == percentages[0]:
|
||
|
|
if i == 0:
|
||
|
|
print("\t100% { opacity: 1; transform: translateY(0) rotateX(0); }")
|
||
|
|
else:
|
||
|
|
print("\t100% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }")
|
||
|
|
# calculate the keyframes
|
||
|
|
if i * percent_step == j:
|
||
|
|
print(f"\t{j}% {{ opacity: 1; transform: translateY(0) rotateX(0); }}\n")
|
||
|
|
else:
|
||
|
|
print(
|
||
|
|
f"\t{j}% {{ opacity: 0; transform: translateY(2rem) rotateX(15deg); }}\n"
|
||
|
|
)
|
||
|
|
print("}")
|