For-The-Family / For_The_Family_Web_APP

FTF : For the Family (FF : Fyrir Fjölskylduna)
GNU General Public License v3.0
0 stars 0 forks source link

Chose color for front button page #4

Open OrnTrausti opened 2 weeks ago

OrnTrausti commented 2 weeks ago

OLD code new down bellow!

Body Color: #f0eeeb( Grá/Hvítt ) Fyrir sögn Color: #Black Takka 1 Color: #Græn Takki 2 Color : #Rauður

Letur : kóði = Css: font-family: "Roboto", sans-serif; font-weight: 400; font-style: normal;

HTML:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
OrnTrausti commented 2 weeks ago

wht did you choose this font

DiljaDB commented 3 days ago

ákvað að breyta takka kóðanum núna þannig HTMLX og tailwind virka á þeim:

<button
    class="bg-green-500 hover:bg-green-700 text-white font-bold py-2 px-4 rounded"
    hx-get="/leiksvaedi"
    hx.target="#response-container"
    gx-swap="innerHTML">
    Leiksvæði
</button>

<button
    class="bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded"
    hx-get="/veitingar"
    hx.target="#response-container"
    gx-swap="innerHTML">
    veitingastaðir
</button>

Þurfið að hafa þetta í head:

DiljaDB commented 8 hours ago

upp færður kóði á buttons. :

Hverju er verið að leita að... (^v^)/ ...

    <div class="grid grid-cols-1 gap-2 w-full mt-4 ">

        <!--Vantar að láta route I run.py og rétta hx-get: -->
        <button
            class="bg-green-500 hover:bg-green-700 text-white font-bold py-4 px-4 rounded shadow-2xl"
            hx-get="/app/templates/playgrounds.html" 
            hx.target="#response-container"
            gx-swap="innerHTML">
            Leiksvæðii
        </button>
        <!--Vantar að láta route I run.py og rétta hx-get: -->
        <button
            class="bg-red-500 hover:bg-red-700 text-white font-bold py-4 px-4 rounded self-center"
            hx-get="/veitingar"
            hx.target="#response-container"
            gx-swap="innerHTML">
            veitingastaðir
        </button>