libsoc/site-libsoc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update

Browse Source
This commit is contained in:
a-ill
2023-07-12 01:42:33 +03:00
parent 2c6932f480
commit ca28d3c2d0
35 changed files with 184 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
Server/app/svelte/src/communities-component.svelte → Server/app/svelte/src/communes-component.svelte
View File

@@ -1,10 +1,10 @@
<svelte:options tag="communities-component" />
<svelte:options tag="communes-component" />
<script>
// Import statements
import { onMount } from 'svelte'
import { writable } from 'svelte/store';
import { communities, addMarkersCommunities } from '/js/communities.js'
import { communes, addMarkersCommunes } from '/js/communes.js'
import { loadLocaleContent } from "/js/libraries/serverTools.js"
// Import components
@@ -14,11 +14,11 @@
let loaded
let content = writable({})
let locale = loadLocaleContent(content,"communities-component",loaded)
let locale = loadLocaleContent(content,"communes-component",loaded)
function mapCallbackCommunities(createMap,content) {
function mapCallbackCommunes(createMap,content) {
let map = createMap([22, 0],2)
addMarkersCommunities(map,content)
addMarkersCommunes(map,content)
}
onMount(() => {
@@ -32,16 +32,16 @@
<!--<img src="img/crowd.png" id="crowd" alt="crowd">-->
<div id="text-container">
<h1>{$content.heading}</h1>
<img id="communities-img" src="/img/common/communities.svg" alt="communities">
<img id="commune-img" src="/img/common/commune.svg" alt="commune">
<p>{$content.p1}</p>
<h3>{$content.subheading1}</h3>
<map-component id="map" callback={(createMap) => mapCallbackCommunities(createMap,$content,locale)}></map-component>
{#each communities as community}
<map-component id="map" callback={(createMap) => mapCallbackCommunes(createMap,$content,locale)}></map-component>
{#each communes as commune}
<div class="location-info">
<p><b>{$content.location}: </b>{$content[community.location[0]]}</p>
<p><b>{$content.status}: </b>{$content[community.status]}</p>
<p><b>{$content.members}: </b>{community.members}</p>
<p><b>{$content.contact}: </b><a href={community.contact[0]} target=;_blank; rel=noreferrer>{$content[community.contact[1]]}</a></p>
<p><b>{$content.location}: </b>{$content[commune.location[0]]}</p>
<p><b>{$content.status}: </b>{$content[commune.status]}</p>
<p><b>{$content.members}: </b>{commune.members}</p>
<p><b>{$content.contact}: </b><a href={commune.contact[0]} target=;_blank; rel=noreferrer>{$content[commune.contact[1]]}</a></p>
</div>
{/each}
@@ -53,7 +53,7 @@
<style>
@import '/css/common.css';
#communities-img {
#commune-img {
position: absolute;
width: 11.5rem;
left: 50%;

2
Server/app/svelte/src/join-us-component.svelte
View File

@@ -63,7 +63,7 @@
<p>{$content.findOur}</p>
<ol id="entities-list">
<li><a href={"/" + locale + "/groups"}>{$content.group}</a>,</li>
<li><a href={"/" + locale + "/communities"}>{$content.community}</a> {$content.or}</li>
<li><a href={"/" + locale + "/communes"}>{$content.commune}</a> {$content.or}</li>
<li><a href={"/" + locale + "/cooperatives"}>{$content.cooperative}</a></li>
</ol>
<p>{$content.nearYou}</p>

8
Server/app/svelte/src/landing-component.svelte
View File

@@ -50,9 +50,9 @@
<p>{$content.groupsText}</p>
</div>
<div>
<h2>{$content.communitiesTitle}</h2>
<img id="communities-img" src="/img/common/communities.svg" alt="communities">
<p>{$content.communitiesText}</p>
<h2>{$content.communesTitle}</h2>
<img id="communes-img" src="/img/common/commune.svg" alt="communes">
<p>{$content.communesText}</p>
</div>
<div>
<h2>{$content.cooperativesTitle}</h2>
@@ -72,7 +72,7 @@
text-align: center;
}
#groups-img, #communities-img, #coops-img {
#groups-img, #communes-img, #coops-img {
position: absolute;
left: 50%;
transform: translate(-50%);

2
Server/app/svelte/src/navbar/navbar-component.svelte
View File

@@ -74,7 +74,7 @@
<li><a href={"/"+locale+"/manifesto"}>{$content.manifesto}</a></li>
<li><a href={"/"+locale+"/join-us"}>{$content.joinUs}</a></li>
<li><a href={"/"+locale+"/groups"}>{$content.groups}</a></li>
<li><a href={"/"+locale+"/communities"}>{$content.communities}</a></li>
<li><a href={"/"+locale+"/communes"}>{$content.communes}</a></li>
<li><a href={"/"+locale+"/cooperatives"}>{$content.cooperatives}</a></li>
<li><a href={"/"+locale+"/partners"}>{$content.partners}</a></li>
<li id="locales">