|
|
|
BACKGROUND_COLOR = "#0b0f19" |
|
BUTTON_COLOR = "#47515f" |
|
SVG_COLOR = "#f3f4f6" |
|
PANEL_COLOR = "#101827" |
|
PRIMARY_TEXT_COLOR = "#f3f4f6" |
|
SUBDUED_TEXT_COLOR = "#59616f" |
|
BACKGROUND_PRIMARY_COLOR = "#1f2937" |
|
BACKGROUND_SECONDARY_COLOR = "#101827" |
|
PRIMARY_BODER_COLOR = "#323c4c" |
|
BLOCK_TITLE_TEXT_COLOR = "#dfe2e6" |
|
INPUT_BACKGROUND_COLOR = "#2f3947" |
|
INPUT_BORDER_COLOR = "#313b4b" |
|
INPUT_PLACEHOLDER_COLOR = "#616977" |
|
ERROR_BACKGROUND_COLOR = "#101827" |
|
ERROR_TEXT_COLOR = "#f7f2f2" |
|
ERROR_BORDER_COLOR = "#9b3339" |
|
BUTTON_SECONDARY_BACKGROUND_COLOR = "#434d5c" |
|
BUTTON_SECONDARY_BORDER_COLOR = "#444d5b" |
|
BUTTON_SECONDARY_TEXT_COLOR = "#c5c9cc" |
|
RED = "#ff0000" |
|
GREEN = "#00ff00" |
|
BLUE = "#0000ff" |
|
|
|
|
|
html_social_media = f''' |
|
<div style="float: right;"> |
|
<a href="https://maximofn.com/" rel="noopener noreferrer" aria-disabled="false" class="sm secondary svelte-cmf5ev" id="component-1" style="flex-grow: 100;" target="_blank"> |
|
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"> |
|
<style> |
|
svg {"{"} |
|
fill: {SVG_COLOR} |
|
{"}"} |
|
</style> |
|
<path d="M208 80c0-26.5 21.5-48 48-48h64c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48h-8v40H464c30.9 0 56 25.1 56 56v32h8c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48H464c-26.5 0-48-21.5-48-48V368c0-26.5 21.5-48 48-48h8V288c0-4.4-3.6-8-8-8H312v40h8c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48H256c-26.5 0-48-21.5-48-48V368c0-26.5 21.5-48 48-48h8V280H112c-4.4 0-8 3.6-8 8v32h8c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V368c0-26.5 21.5-48 48-48h8V288c0-30.9 25.1-56 56-56H264V192h-8c-26.5 0-48-21.5-48-48V80z"/> |
|
</svg> |
|
</a> |
|
<!-- Resto de los enlaces de redes sociales... --> |
|
</div> |
|
''' |
|
|
|
|
|
def get_html_subtify_logo_big(new_width, new_height): |
|
return f""" |
|
<div style="display: flex; justify-content: center; align-items: center;"> |
|
<img src='https://pub-fb664c455eca46a2ba762a065ac900f7.r2.dev/subtify_logo-scaled.webp' width={new_width*2}px height={new_height*2}px > |
|
</div> |
|
""" |
|
|
|
def get_html_subtify_logo_small(new_width, new_height): |
|
return f""" |
|
<div style="display: flex; justify-content: center; align-items: center;"> |
|
<img src='https://pub-fb664c455eca46a2ba762a065ac900f7.r2.dev/subtify_logo-scaled.webp' width={int(new_width/2)}px height={int(new_height/2)}px > |
|
</div> |
|
""" |
|
|
|
|
|
html_buy_me_a_coffe = ''' |
|
<div style="float: right;"> |
|
<a href="https://www.buymeacoffee.com/maximofn" target="_blank"> |
|
<img src="https://img.shields.io/badge/Buy_Me_A_Coffee-support_my_work-FFDD00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=white&labelColor=101010" alt="buy me a coffe"> |
|
</a> |
|
</div> |
|
''' |
