pmeunier/grain - Change UR5RFMWCD455OQZMTDQ2MSVJUPBNEUQHOBJ2UJBDWVHRJ4SOA5NAC

Affichage des projets sur la page d'accueil

Created by pmeunier on November 30, 2023

UR5RFMWCD455OQZMTDQ2MSVJUPBNEUQHOBJ2UJBDWVHRJ4SOA5NAC

Dependencies

In channels

main

Change contents

Insertion in grain/src/routes/+page.svelte at line 14 [4.855919]

[3.16494]


            {#if data.projets?.length}
                <div class="card border-primary my-5 mx-auto overflow-scroll" style="max-width:400px;max-height:300px">
                    <div class="list-group list-group-flush">
                        {#each data.projets as p}
                            <a href="{base}/projet/{p.id}" class="list-group-item d-flex justify-content-between align-items-center">
                                {p.name}
                                <span class="badge bg-primary rounded-pill">{p.puissance}kWc</span>
                            </a>
                        {/each}
                    </div>
                </div>
            {/if}

Replacement in grain/src/routes/+page.svelte at line 58 [4.855919]

B:BD[5.11539] → [3.16749:16788]

∅:D[6.1174] → [5.11589:11727]

∅:D[3.16788] → [5.11589:11727]

B:BD[5.11589] → [5.11589:11727]

B:BD[5.11727] → [6.1175:1639]

∅:D[6.1639] → [5.12178:12383]

B:BD[5.12178] → [5.12178:12383]

	<div class="col-12 col-md-6 me-auto">
	    <h2 class=""> <span class="text-primary fw-bold">Faisabilité </span>et <span class="text-primary fw-bold">optimisation</span> </h2>
	    <p> <span class="text-primary fs-5 align-bottom"><span class="logoCol1"> G</span><span class="logoCol2">RA</span>IN</span> vous donne l'ensemble des informations économique de votre projet d'auto-consommation et d'auto-consommation collective pour <span class="text-primary fw-bold">prévoir</span>, <span class="text-primary fw-bold">choisir</span>, <span class="text-primary fw-bold">optimiser</span> votre installation photovoltaïque et son utilisation.
		<br/>Partagez une énergie <span class="text-primary fw-bold">moins cher</span>, <span class="text-primary fw-bold">local</span> et <span class="text-primary fw-bold">de saison</span>.
	    </p>
	</div>

[5.11539]

[5.12383]

        <div class="col-12 col-md-6 me-auto">
            <h2 class=""> <span class="text-primary fw-bold">Faisabilité </span>et <span class="text-primary fw-bold">optimisation</span> </h2>
            <p> <span class="text-primary fs-5 align-bottom"><span class="logoCol1"> G</span><span class="logoCol2">RA</span>IN</span> vous donne l'ensemble des informations économique de votre projet d'auto-consommation et d'auto-consommation collective pour <span class="text-primary fw-bold">prévoir</span>, <span class="text-primary fw-bold">choisir</span>, <span class="text-primary fw-bold">optimiser</span> votre installation photovoltaïque et son utilisation.
                <br/>Partagez une énergie <span class="text-primary fw-bold">moins cher</span>, <span class="text-primary fw-bold">local</span> et <span class="text-primary fw-bold">de saison</span>.
            </p>
        </div>

Replacement in grain/src/routes/+page.svelte at line 67 [4.855919]

B:BD[3.16815] → [3.16815:16869]

∅:D[3.16869] → [5.12478:12903]

B:BD[5.12478] → [5.12478:12903]

B:BD[5.12903] → [3.16870:16978]

∅:D[6.1748] → [5.13009:13017]

∅:D[3.16978] → [5.13009:13017]

B:BD[5.13009] → [5.13009:13017]

	<div class="col-12 col-md-6 text-md-end ms-md-auto">
	    <h2 class="">Reprenez <span class="text-primary fw-bold">les rennes</span>.</h2>
	    <p>Avec toutes les informations, simulez le futur de votre production d'énergie et reprennez le pouvoir sur votre énergie.<br/> <span class="text-primary fw-bold"> Simplement*</span>, <span class="text-primary fw-bold">rapidement</span> et <span class="text-primary fw-bold">gratuitement</span>.<br/> Créez votre futur !
	    </p>
	    <a class="mt-3 btn btn-sm btn-outline-primary" href="{base}/projet/nouveau">Je lance ma simulation</a>
	</div>

[3.16815]

[5.13017]

        <div class="col-12 col-md-6 text-md-end ms-md-auto">
            <h2 class="">Reprenez <span class="text-primary fw-bold">les rennes</span>.</h2>
            <p>Avec toutes les informations, simulez le futur de votre production d'énergie et reprennez le pouvoir sur votre énergie.<br/> <span class="text-primary fw-bold"> Simplement*</span>, <span class="text-primary fw-bold">rapidement</span> et <span class="text-primary fw-bold">gratuitement</span>.<br/> Créez votre futur !
            </p>
            <a class="mt-3 btn btn-sm btn-outline-primary" href="{base}/projet/nouveau">Je lance ma simulation</a>
        </div>

Replacement in grain/src/routes/+page.svelte at line 78 [4.855919]

B:BD[5.13152] → [3.17006:17045]

∅:D[6.1800] → [5.13202:13281]

∅:D[3.17045] → [5.13202:13281]

B:BD[5.13202] → [5.13202:13281]

B:BD[5.13281] → [6.1801:2206]

∅:D[6.2206] → [5.13660:13751]

B:BD[5.13660] → [5.13660:13751]

	<div class="col-12 col-md-6 me-auto">
	    <h2 class="">Et <span class="text-primary fw-bold">ensuite</span> ? </h2>
	    <p>Ensuite, passez sur <span class="text-primary fs-6 align-bottom"><span class="logoCol1"> CO</span><span class="logoCol2">TURN</span>IX</span> pour partager l'énergie de vos panneaux photovoltaïque avec vos voisins.
		<span class="text-primary fs-6 align-bottom"><span class="logoCol1"> CO</span><span class="logoCol2">TURN</span>IX</span> gère aussi les flux financiers entre les participants.
		<br/>Oui, <span class="text-primary fw-bold">on fait tout ça.</span>.
	    </p>
	</div>

[5.13152]

[5.13751]

        <div class="col-12 col-md-6 me-auto">
            <h2 class="">Et <span class="text-primary fw-bold">ensuite</span> ? </h2>
            <p>Ensuite, passez sur <span class="text-primary fs-6 align-bottom"><span class="logoCol1"> CO</span><span class="logoCol2">TURN</span>IX</span> pour partager l'énergie de vos panneaux photovoltaïque avec vos voisins.
                <span class="text-primary fs-6 align-bottom"><span class="logoCol1"> CO</span><span class="logoCol2">TURN</span>IX</span> gère aussi les flux financiers entre les participants.
                <br/>Oui, <span class="text-primary fw-bold">on fait tout ça.</span>.
            </p>
        </div>

Deletion in grain/src/routes/+page.svelte at line 87 [4.855919]
B:BD[5.13769] → [5.13769:13771]
B:BD[5.13771] → [2.564:591]
∅:D[2.591] → [3.17046:17151]
B:BD[4.856081] → [3.17046:17151]
∅:D[3.17151] → [4.856206:856222]
B:BD[4.856206] → [4.856206:856222]
B:BD[4.856222] → [3.17152:17158]
∅:D[3.17158] → [4.856232:856238]
B:BD[4.856232] → [4.856232:856238]
```
{#if data.projets?.length}
<h5>Projets</h5>
<ul>
    {#each data.projets as p}
    <li><a href="{base}/projet/{p.id}">{p.name}</li>
        {/each}
</ul>
{/if}
```
Replacement in grain/src/routes/+page.svelte at line 88 [4.855919]
B:BD[5.13792] → [3.17159:17188]
```
@import '../variables.scss';
```
[5.13792]
[5.13825]
```
 @import '../variables.scss';
```

Replacement in grain/src/routes/+page.svelte at line 90 [4.855919]

B:BD[5.13826] → [3.17189:17262]

B:BD[3.17467] → [3.17467:17469]

.sub {
    font-size: 1.4rem;
    font-weight: bold;
    margin: 20px 0;
}

[5.13826]

[2.592]

 .sub {
     font-size: 1.4rem;
     font-weight: bold;
     margin: 20px 0;
 }

Insertion in grain/src/routes/+page.svelte at line 102 [4.855919]

[2.867]

 }
 li {
     background: none
 }
 ul {
     background: none
 }
 @media not (prefers-color-scheme: dark) {
     .card {
         background-color:color-mix(in srgb, var(--bs-body-bg), transparent 30%)
     }

Insertion in grain/src/routes/+page.svelte at line 115 [4.855919]

[2.870]

[4.856321]


 @media (prefers-color-scheme: dark) {
     .card {
         background-color:color-mix(in srgb, var(--bs-body-bg), transparent 30%)
     }
 }