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-24 00:39:41 +03:00
parent 9e8ee05bb6
commit 6cfb2bada8
35 changed files with 1183 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -5,7 +5,8 @@ footer {
bottom: 0;
width: 100%;
height: auto;
background: var(--dark-green);
background: #5B6970;/*var(--dark-green);*/
border-top: #DD1C1A solid 0.5rem;
}
footer p, footer a {
@@ -53,6 +54,15 @@ footer h2 {
margin-bottom: 0;
}
#tag-line {
position: relative;
margin: auto;
font-size: 1.2rem;
text-align: center;
padding-bottom: 1rem;
}
footer a {
font-size: 1.2rem;
color: #d8d8d8;
@@ -105,7 +115,7 @@ footer p, footer label {
}
#contact-us-container {
width: 14rem;
width: 16rem;
}
#contact-us-container h3 {

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

@@ -27,8 +27,10 @@
}
#navbar-logo {
width: 3.16rem;
height: 3.5rem;
width: 3.5rem;
object-fit: contain;
border-radius: 10rem;
}
#navbar-logo-text {

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;

24
Server/app/svelte/src/communities-component.svelte Normal file
View File

@@ -0,0 +1,24 @@
<svelte:options tag="communities-component" />
<script>
// Import statements
import { onMount } from 'svelte'
// Import components
// Main code
onMount(() => {
})
</script>
<style>
@import '/css/common.css';
</style>

24
Server/app/svelte/src/cooperatives-component.svelte Normal file
View File

@@ -0,0 +1,24 @@
<svelte:options tag="cooperatives-component" />
<script>
// Import statements
import { onMount } from 'svelte'
// Import components
// Main code
onMount(() => {
})
</script>
<style>
@import '/css/common.css';
</style>

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

@@ -2,8 +2,12 @@
<script>
// Import statements
// Import components
// Main code
</script>
<footer>
@@ -11,18 +15,19 @@
<div id="footer-grid-content-container" class="logged">
<div id="contact-us-container">
<h2>CONTACT US</h2>
<p>Email: <a href="mailto:info@chiron.com">test@test</a></p>
<!--<p>Email: <a href="mailto:info@chiron.com">info@libsoc.org</a></p>-->
<p>WhatsApp: <a href="https://chat.whatsapp.com/BhnmUNljUxJ2AjeHUwyTKh" target="_blank">group invite link</a></p>
</div>
</div>
<button on:click={() => {location.href='#'}} id="footer-up" aria-label="go up">
<svg xmlns="http://www.w3.org/2000/svg" width="42.545" height="72.601" viewBox="0 0 42.545 72.601">
<g id="Group_268" data-name="Group 268" transform="translate(-6.177 -2.399)">
<rect id="Rectangle_146" data-name="Rectangle 146" width="11" height="51" rx="5.5" transform="translate(22 24)" fill="var(--pink)"/>
<path id="Path_1145" data-name="Path 1145" d="M23.814,4.021a5,5,0,0,1,7.372,0l16.134,17.6c2.94,3.207,1.046,10.4-3.686,8.379S28.02,14.081,28.391,13.524,16.544,27.976,11.366,30,4.741,24.828,7.68,21.621Z" fill="var(--pink)"/>
<rect id="Rectangle_146" data-name="Rectangle 146" width="11" height="51" rx="5.5" transform="translate(22 24)" fill="#DD1C1A"/>
<path id="Path_1145" data-name="Path 1145" d="M23.814,4.021a5,5,0,0,1,7.372,0l16.134,17.6c2.94,3.207,1.046,10.4-3.686,8.379S28.02,14.081,28.391,13.524,16.544,27.976,11.366,30,4.741,24.828,7.68,21.621Z" fill="#DD1C1A"/>
</g>
</svg>
</button>
<p id="footer-copyright">© 2023 LibSoc</p>
<p id="footer-copyright">© 2023 A global network of Libertarian Socialists</p>
</div>
</footer>

24
Server/app/svelte/src/groups-component.svelte Normal file
View File

@@ -0,0 +1,24 @@
<svelte:options tag="groups-component" />
<script>
// Import statements
import { onMount } from 'svelte'
// Import components
// Main code
onMount(() => {
})
</script>
<style>
@import '/css/common.css';
</style>

24
Server/app/svelte/src/join-us-component.svelte Normal file
View File

@@ -0,0 +1,24 @@
<svelte:options tag="join-us-component" />
<script>
// Import statements
import { onMount } from 'svelte'
// Import components
// Main code
onMount(() => {
})
</script>
<style>
@import '/css/common.css';
</style>

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

@@ -2,7 +2,7 @@
<script>
// Import statements
i
import { onMount } from 'svelte'
// Import components
@@ -15,12 +15,26 @@
})
</script>
<!--HTML GOES HERE-->
<p>I AM A TEXT FOR TESTING</p>
<!--
<div id="who-we-are">
<p>WHO WE ARE GOES HERE</p>
</div>
-->
<style>
@import '/css/common.css';
#who-we-are {
margin: auto;
background-color: rgb(194, 194, 194);
max-width: 1200px;
height: 10rem;
}
#who-we-are p {
font-size: 1.2rem;
text-align: center;
}
</style>

25
Server/app/svelte/src/manifesto-component.svelte Normal file
View File

@@ -0,0 +1,25 @@
<svelte:options tag="manifesto-component" />
<script>
// Import statements
import { onMount } from 'svelte'
// Import components
// Main code
onMount(() => {
})
</script>
<style>
@import '/css/common.css';
</style>

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

@@ -35,8 +35,8 @@
<header bind:this={navbar} id="navbar">
<!-- Logo -->
<a id=logo-container href="/">
<img src="" id="navbar-logo" alt="iql logo">
<span id="navbar-logo-text">LibSoc</span>
<img src="img/common/flag.png" id="navbar-logo" alt="logo">
<span id="navbar-logo-text">Libertarian socialists</span>
</a>
<!-- Hamburger icon -->
<input bind:this={hambInput} type="checkbox" id="side-menu" on:click={changeNavbar}>
@@ -44,7 +44,11 @@
<!-- Menu -->
<nav id="nav">
<ul id="menu">
<li><a href="/test">test</a></li>
<li><a href="/manifesto">Manifesto</a></li>
<li><a href="/join-us">Join us</a></li>
<li><a href="/groups">Groups</a></li>
<li><a href="/communities">Communities</a></li>
<li><a href="/cooperatives">Cooperatives</a></li>
</ul>
</nav>
</header>