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-26 15:56:49 +03:00
parent b061db906d
commit b9db39443a
30 changed files with 6592 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
Server/app/svelte/public/css/common.css
View File

@@ -126,7 +126,7 @@ span {
p {
font-family: var(--serif, serif);
font-size: 1.2rem;
font-size: 1.1rem;
line-height: 170%;
}
@@ -138,7 +138,7 @@ b,i,s {
label {
font-family: var(--serif, serif);
font-size: 1.2rem;
font-size: 1.1rem;
}
sup {

2
Server/app/svelte/public/css/footer.css
View File

@@ -65,7 +65,7 @@ footer h2 {
footer a {
font-size: 1.2rem;
color: #d8d8d8;
color: #ffffff;
}
footer p, footer label {

4
Server/app/svelte/src/affiliates-component.svelte
View File

@@ -105,7 +105,7 @@
}
a {
font-size: 1.2rem;
font-size: 1.15rem;
color: #DD1C1A;
}
@@ -142,7 +142,7 @@
}
#container p {
font-size: 1.2rem;
font-size: 1.15rem;
text-align: justify;
}

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

@@ -71,7 +71,7 @@
}
a {
font-size: 1.2rem;
font-size: 1.15rem;
color: #DD1C1A;
}
@@ -108,7 +108,7 @@
}
#container p {
font-size: 1.2rem;
font-size: 1.15rem;
text-align: justify;
}

4
Server/app/svelte/src/cooperatives-component.svelte
View File

@@ -103,7 +103,7 @@
}
a {
font-size: 1.2rem;
font-size: 1.15rem;
color: #DD1C1A;
}
@@ -140,7 +140,7 @@
}
#container p {
font-size: 1.2rem;
font-size: 1.15rem;
text-align: justify;
}

3
Server/app/svelte/src/footer/footer-component.svelte
View File

@@ -16,7 +16,8 @@
<div id="contact-us-container">
<h2>CONTACT US</h2>
<!--<p>Email: <a href="mailto:info@chiron.com">info@libsoc.org</a></p>-->
<p>WhatsApp: <a href="https://chat.whatsapp.com/BhnmUNljUxJ2AjeHUwyTKh" target="_blank" rel=noreferrer>group invite link</a></p>
<p>WhatsApp: <a href="https://chat.whatsapp.com/BhnmUNljUxJ2AjeHUwyTKh" target="_blank" rel=noreferrer style="margin-left: 0.5rem;">invite link</a></p>
<p>Discord: <a href="https://discord.gg/xAPZmyr8B6" target="_blank" rel=noreferrer style="margin-left: 2rem;">invite link</a></p>
</div>
</div>
<button on:click={() => {location.href='#'}} id="footer-up" aria-label="go up">

4
Server/app/svelte/src/groups-component.svelte
View File

@@ -67,7 +67,7 @@
}
a {
font-size: 1.2rem;
font-size: 1.15rem;
color: #DD1C1A;
}
@@ -105,7 +105,7 @@
}
#container p {
font-size: 1.2rem;
font-size: 1.15rem;
text-align: justify;
}

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

@@ -71,7 +71,7 @@ None of them near you? Not a problem! Join our WhatsApp group and we will help y
ol>li {
position: relative;
font-size: 1.2rem;
font-size: 1.15rem;
font-family: var(--serif,serif);
left: 3rem;
}
@@ -119,12 +119,12 @@ None of them near you? Not a problem! Join our WhatsApp group and we will help y
}
#text-container a {
font-size: 1.2rem;
font-size: 1.15rem;
color: #DD1C1A
}
#container p {
font-size: 1.2rem;
font-size: 1.15rem;
text-align: justify;
}

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

@@ -101,7 +101,7 @@
}
#container p {
font-size: 1.2rem;
font-size: 1.15rem;
text-align: justify;
}

137
Server/app/svelte/src/manifesto-component.svelte
View File

@@ -4,6 +4,7 @@
// Import statements
import { onMount } from 'svelte'
import { getData } from "/js/libraries/serverTools.js"
import { px2rem } from "/js/libraries/miscTools.js"
// Import components
@@ -94,6 +95,11 @@
headingsObjects[id].scrollIntoView({block: 'start'}, true);
}
addEventListener("scroll", (event) => {
contentTable.style.marginTop = -Math.min(px2rem(window.pageYOffset),5) + "rem"
})
onMount(() => {
let hideBool = localStorage.getItem("manifesto-hide-content")
if (hideBool!=undefined && hideBool!=null) {
@@ -112,7 +118,7 @@
TABLE OF CONTENTS
<img bind:this={contentArrow} src="../assets/arrow_down.svg" alt="arrow down" style="transform: scaleY(-1)">
</button>
<div bind:this={contentBlock} class="module" style="display: initial;">
<div bind:this={contentBlock} class="module">
{#each contentHeadings as obj}
{#if Array.isArray(obj)}
{#each obj as obj2}
@@ -132,39 +138,41 @@
{/each}
</div>
</div>
{#each manifesto as line}
{#if line!==""}
{#if typeof (line === 'object') && (Object.keys(line)[0]=="ul")}
<ul>
{#each line.ul as line2}
<li>{line2}</li>
{/each}
</ul>
{:else if typeof (line === 'object') && (Object.keys(line)[0]=="ol")}
<ol>
{#each line.ol as line2}
<li>
{@html line2}
</li>
{/each}
</ol>
{:else if typeof (line === 'object') && (line.type=="h3")}
<button on:click ={contentTable.scrollIntoView({block: 'start'}, true)} style="display: block;">
<h3 bind:this={headingsObjects[line.id]} id={line.id}>{@html line.line}</h3>
</button>
{:else if typeof (line === 'object') && (line.type=="h2")}
<button on:click ={contentTable.scrollIntoView({block: 'start'}, true)} style="display: block; width: 100%;">
<h2 bind:this={headingsObjects[line.id]} id={line.id}>{@html line.line}</h2>
</button>
{:else if line[0]=="#"}
<h1>{@html line.slice(2,line.length)}</h1>
{:else}
<p class="margin-end">
{@html line}
</p>
<div id="main">
{#each manifesto as line}
{#if line!==""}
{#if typeof (line === 'object') && (Object.keys(line)[0]=="ul")}
<ul>
{#each line.ul as line2}
<li>{line2}</li>
{/each}
</ul>
{:else if typeof (line === 'object') && (Object.keys(line)[0]=="ol")}
<ol>
{#each line.ol as line2}
<li>
{@html line2}
</li>
{/each}
</ol>
{:else if typeof (line === 'object') && (line.type=="h3")}
<button on:click ={contentTable.scrollIntoView({block: 'start'}, true)} style="display: block; width: 100%;">
<h3 bind:this={headingsObjects[line.id]} id={line.id}>{@html line.line}</h3>
</button>
{:else if typeof (line === 'object') && (line.type=="h2")}
<button on:click ={contentTable.scrollIntoView({block: 'start'}, true)} style="display: block; width: 100%;">
<h2 bind:this={headingsObjects[line.id]} id={line.id}>{@html line.line}</h2>
</button>
{:else if line[0]=="#"}
<h1>{@html line.slice(2,line.length)}</h1>
{:else}
<p class="margin-end">
{@html line}
</p>
{/if}
{/if}
{/if}
{/each}
{/each}
</div>
{/key}
</div>
</div>
@@ -174,11 +182,18 @@
@import '/css/common.css';
#table-content {
position: fixed;
display: flex;
flex-direction: column;
border: #a9a9a9 0.1rem solid;
border-radius: 1rem;
padding: 2rem;
padding-right: 0.8rem;
padding-bottom: 1.5rem;
margin-bottom: 2rem;
width: 20rem;
height: max-content;
max-height: calc(100vh - 2.5rem);
}
#toggle-content {
@@ -194,14 +209,19 @@
#toggle-content img {
position: absolute;
top: 0rem;
right: 0rem;
right: 0.8rem;
width: 1.5rem;
}
.module {
display: flex;
flex-direction: column;
position: relative;
display: inline-block;
width: 100%;
overflow-y: scroll;
overflow-x: visible;
height: max-content;
max-height: 100%;
padding-right: 1.2rem;
}
.heading-button-wrapper {
@@ -229,6 +249,8 @@
position: relative;
padding-left: 1.5rem;
z-index: 1;
margin-left: 1rem;
border-left: #a9a9a9 0.1rem solid;
}
.heading-button:hover {
@@ -255,24 +277,61 @@
}
#text-container {
position: relative;
display: grid;
grid-template-columns: 20rem 800px 20rem;
grid-gap: 2rem;
max-width: calc(100vw - 4rem);
margin: auto;
}
#container {
display: flex;
align-content: center;
margin: auto;
max-width: 1200px;
max-width: min(1800px,100vw);
margin-top: 1rem;
margin-bottom: 4rem;
}
#container>div>p {
#main {
grid-column: 2;
}
#main>p {
margin-bottom: 1rem;
}
#container p {
font-size: 1.2rem;
font-size: 1.15rem;
text-align: justify;
}
@media only screen and (max-width: 1220px) {
#text-container {
position: relative;
display: grid;
grid-template-columns: auto;
grid-gap: 2rem;
max-width: calc(100vw - 4rem);
margin: auto;
}
#table-content {
position: relative;
border: #a9a9a9 0.1rem solid;
border-radius: 1rem;
padding: 2rem;
padding-bottom: 1.5rem;
margin-bottom: 2rem;
height: max-content;
width: 100%;
}
#main {
grid-column: 1;
}
}
</style>