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-06-25 20:39:06 +03:00
parent 3fb40c5660
commit acb607ccdf
30 changed files with 1173 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
Server/app/resources/basic/BasicController.jl
View File

@@ -13,6 +13,7 @@ dict_layouts = Dict(
:groups => generate_layout_html("main",controller,"groups",libraries=["Leaflet"]),
:cooperatives => generate_layout_html("main",controller,"cooperatives",libraries=["Leaflet"]),
:communities => generate_layout_html("main",controller,"communities",libraries=["Leaflet"]),
:affiliates => generate_layout_html("main",controller,"affiliates",libraries=["Leaflet"]),
)
#---General-----------------------------------------------------
@@ -60,5 +61,11 @@ function communities()
)
end
function affiliates()
html(:basic,:affiliates, layout = dict_layouts[:affiliates], context = @__MODULE__,
title = "LibSoc - Affiliates",
description = ""
)
end
end

1
Server/app/resources/basic/views/affiliates.jl.html Normal file
View File

@@ -0,0 +1 @@
<affiliates-component></affiliates-component>

1
Server/app/svelte/rollup.config.js
View File

@@ -10,7 +10,6 @@ import watch from "rollup-plugin-watch";
const production = !process.env.ROLLUP_WATCH;
function serve() {
let server;

149
Server/app/svelte/src/affiliates-component.svelte Normal file
View File

@@ -0,0 +1,149 @@
<svelte:options tag="affiliates-component" />
<script>
// Import statements
import { onMount } from 'svelte'
//import { communities, addMarkersCommunities } from '/js/communities.js'
// Import components
import "/js/components/map-component.js"
// Main code
let affiliates = [
{
name: "Gaia's Fall",
type: "a place to discuss and organize",
link: "https://discord.libsoc.org",
description: "Gaia's Fall is a server that promotes Solarpunk ideals, environmentalism, anarchism, and anti-capitalism. We encourage civil debates, discussions of theories and possibilities, and the creation of communities focused on shaping a better world. It is our official Discord server where we organize and work together.",
logo: "gaias_fall"
}
]
onMount(() => {
})
</script>
<div id="container">
<!--<img src="img/crowd.png" id="crowd" alt="crowd">-->
<div id="text-container">
<h1>Affiliates</h1>
<img id="hands-img" src="/img/common/handshake.svg" alt="hands">
<p>We affiliate with organizations and initiatives that align with our mission. Together, we are a united force driven by a shared worldview where there is no place for authoritarian exploitative systems, but where systems promoting equity and democracy thrive.</p>
<h3>Our affiliates</h3>
<h4>Online</h4>
{#each affiliates as affiliate}
<div class="location-info">
<div>
<div>
<p><b>Name: </b>{affiliate.name}</p>
<p><b>Type: </b>{affiliate.type}</p>
<p><b>Link: </b><a href={affiliate.link} target=;_blank; rel=noreferrer>{affiliate.link}</a></p>
</div>
<picture>
<source srcset={"/img/affiliates/"+affiliate.logo+".webp"}>
<source srcset={"/img/affiliates/"+affiliate.logo+".png"}>
<img class="affiliate-logo" alt="logo">
</picture>
</div>
<p><b>Description: </b>{affiliate.description}</p>
</div>
{/each}
</div>
</div>
<style>
@import '/css/common.css';
#hands-img {
position: absolute;
width: 10.5rem;
left: 50%;
transform: translate(-50%);
z-index: 0;
opacity: 0.2;
}
#text-container>:nth-child(3) {
margin-top: 8rem;
}
.location-info>:first-child {
display: flex;
align-content: center;
width: 100%;
justify-content: space-between;
gap: 3rem;
align-items: center;
}
.location-info>:first-child>:first-child {
flex:none;
}
.affiliate-logo {
position: relative;
right: 0;
max-height: 6rem;
max-width: 100%;
border-radius: 1rem;
}
h4 {
margin-bottom: 2rem;
}
.location-info {
position: relative;
margin-bottom: 2rem;
}
.location-info p {
margin-bottom: 0;
}
a {
font-size: 1.2rem;
color: #DD1C1A;
}
#map {
--height: 30rem;
--width: 100%;
--margin-bottom: 3rem;
}
#text-container {
max-width: calc(100vw - 4rem);
margin: auto;
}
h1 {
margin-bottom: 1rem;
font-size: 2.5rem;
text-align: center;
}
h3 {
margin-bottom: 2rem;
}
#container {
margin: auto;
max-width: 1200px;
margin-top: 1rem;
margin-bottom: 4rem;
}
#container>div>p {
margin-bottom: 1rem;
}
#container p {
font-size: 1.2rem;
text-align: justify;
}
</style>

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

@@ -25,7 +25,7 @@
<div id="text-container">
<h1>Communities</h1>
<img id="communities-img" src="/img/common/communities.svg" alt="communities">
<p>We build libertarian socialist communities by buying land, housing and the means of production which are then owned by the members of these communities. There is no private property within the communities and, therefore, exploitation and suffering that comes with it. Decisions are made through direct democracy with a focus on consensus ensuring that each community member has power over decisions that affect their life. Communities try to establish their own cooperatives in order to finance their development becoming financially independent and sustainable, which allows for their survival and growth. Within communities the gift economy is utilized whenever possible. Each community is a small beacon of socialism within the dark capitalist world showing us how good life can be if only we achieve our goal.</p>
<p>We establish libertarian socialist communities by buying land, housing and the means of production which are then owned by the members of these communities. There is no private property within the communities and, therefore, exploitation and suffering that comes with it. Decisions are made using direct democracy with a focus on consensus, ensuring that each community member has power over decisions that affect their life. Communities try to establish their own cooperatives in order to finance their development becoming financially independent and sustainable, which allows for their survival and growth. Within communities the gift economy is utilized whenever possible. Each community is a small beacon of socialism within the dark capitalist world showing us how good life can be if only we achieve our goal.</p>
<h3>Our communities</h3>
<map-component id="map" callback={mapCallbackCommunities}></map-component>
<h4>Europe</h4>

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

@@ -49,9 +49,9 @@ None of them near you? Not a problem! Join our WhatsApp group and we will help y
<div id="call-to-action-list">
<p>Find our</p>
<ol>
<li><a href="https://chat.whatsapp.com/BhnmUNljUxJ2AjeHUwyTKh">group</a>,</li>
<li><a href="https://chat.whatsapp.com/BhnmUNljUxJ2AjeHUwyTKh">community</a> or</li>
<li><a href="https://chat.whatsapp.com/BhnmUNljUxJ2AjeHUwyTKh">cooperative</a></li>
<li><a href="/groups">group</a>,</li>
<li><a href="/communities">community</a> or</li>
<li><a href="/cooperatives">cooperative</a></li>
</ol>
<p>near you and join to help make a world we both envision a reality.</p>
</div>

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

@@ -49,6 +49,7 @@
<li><a href="/groups">Groups</a></li>
<li><a href="/communities">Communities</a></li>
<li><a href="/cooperatives">Cooperatives</a></li>
<li><a href="/affiliates">Affiliates</a></li>
</ul>
</nav>
</header>