Python 「random」モジュールでリロードする度に css を変えてみた。

今回は、箸休め記事になります。

 

ちょっと思いついたので、「random」モジュールでリロードする度に css を変えてみました。

random モジュールについては、以下のサイトを参考にしました。

【Python】Pythonでランダムな整数を生成する方法 | 猫が蛇と戯れる (neko-py.com)

 

実際に動かしてみると次のようになります。

 

 

コードは以下の通りです(長いので flag 8-10 は省きました)。

template:

{% if flag == 1 %}<div class="color_1">{% endif %}
{% if flag == 2 %}<div class="color_2">{% endif %}
{% if flag == 3 %}<div class="color_3">{% endif %}
{% if flag == 4 %}<div class="color_4">{% endif %}
{% if flag == 5 %}<div class="color_5">{% endif %}
{% if flag == 6 %}<div class="color_6">{% endif %}
{% if flag == 7 %}<div class="color_7">{% endif %}
<h1>RAPT理論+α</h1>
{% if flag == 7 %}</div>{% endif %}
{% if flag == 6 %}</div>{% endif %}
{% if flag == 5 %}</div>{% endif %}
{% if flag == 4 %}</div>{% endif %}
{% if flag == 3 %}</div>{% endif %}
{% if flag == 2 %}</div>{% endif %}
{% if flag == 1 %}</div>{% endif %}

{% if flag == 1 %}<div class="color_2">{% endif %}
{% if flag == 2 %}<div class="color_3">{% endif %}
{% if flag == 3 %}<div class="color_4">{% endif %}
{% if flag == 4 %}<div class="color_5">{% endif %}
{% if flag == 5 %}<div class="color_6">{% endif %}
{% if flag == 6 %}<div class="color_7">{% endif %}
{% if flag == 7 %}<div class="color_1">{% endif %}
<h3>-RAPT理論の更なる進化形-</h3>
{% if flag == 7 %}</div>{% endif %}
{% if flag == 6 %}</div>{% endif %}
{% if flag == 5 %}</div>{% endif %}
{% if flag == 4 %}</div>{% endif %}
{% if flag == 3 %}</div>{% endif %}
{% if flag == 2 %}</div>{% endif %}
{% if flag == 1 %}</div>{% endif %}

 

views:

import random
flag = random.randint(1, 10)

 

やり過ぎると、くどくなるかもしれないけれど、ちょっとしたアクセントとして入れると面白いかもしれない。(宣伝を兼ねて<(_ _)> )

 

f:id:Harvest7777:20211026121446p:plain

 

rapt-plusalpha.com

 

rapt-plusalpha.com

 

rapt-plusalpha.com

 

rapt-plusalpha.com

 

rapt-plusalpha.com

 

RAPT理論+α

 

RAPT | 新・貴方に天国から降り注がれる音楽を