-
Notifications
You must be signed in to change notification settings - Fork 4
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
4 changed files
with
16 additions
and
71 deletions.
There are no files selected for viewing
Binary file not shown.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,6 +1,7 @@ | ||
| --- | ||
| layout: "@layouts/BaseLayoutMarkdown.astro" | ||
| title: Home | ||
| title: Головна | ||
| darkFooter: true | ||
| --- | ||
|
|
||
| import { | ||
|
|
@@ -38,31 +39,6 @@ import NewsSlider from "@components/NewsSliderDataWrapper.astro"; | |
| </CardContainer> | ||
| </IllustrationBgContainer> | ||
|
|
||
| <ContentSection id="motivation"> | ||
| <div class="container-width"> | ||
| <HeadlineUnderlined large variant={2} className="mt-8 sm:mt-20">Мотивація</HeadlineUnderlined> | ||
| <div class="flex lg:justify-end mt-8 sm:mt-16 mb-8"> | ||
| <div class="flex flex-col lg:w-10/12"> | ||
| <div class="flex flex-col lg:flex-row gap-8"> | ||
| <TextBlock className="flex-1"> | ||
| Якщо людина постає перед труднощами чи негараздами, з якими вона не в змозі впоратися самостійно, то однією з традиційних відповідей в Україні є «Толока» | ||
|
|
||
| **Звернення до спільноти за підтримкою. Надання рішень у необхідному масштабі, з винахідливістю і прозорливістю, які виходять за рамки того, що може зробити окрема людина.** | ||
| </TextBlock> | ||
| <TextBlock className="flex-1"> | ||
| У Німеччині культурною пам'яттю про підтримку і спільні цілі, яка виходить за рамки традиційних поглядів і засобів, є Берлінський повітряний міст. Розширюючи межі технічної здійсненності, операція **забезпечила критично важливу матеріальну і нематеріальну підтримку там, де вона була найбільш необхідна.** | ||
| </TextBlock> | ||
| </div> | ||
| <TextBlock big className="mt-4 mb-12 lg:mt-16 lg:mb-20 lg:w-3/5"> | ||
| **Проєкт «Tolocar» слідує цьому духу, надаючи відкриті мобільні засоби виробництва та інновацій у кризових ситуаціях.** | ||
| </TextBlock> | ||
| <ImageGrid images={["images/group_session.jpg", "images/saw.jpg", "images/stands.jpg", "images/drills.jpg"]} caption='Гуртожиток у Стрию. Команда платформи "Острів". Світлини Ніки Попової.'/> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div className="bg-neutral-800 absolute w-full h-44 bottom-0 z-0"/> | ||
| </ContentSection> | ||
|
|
||
| <ContentSection variant="dark" className="bg-illustration-1-dark bg-no-repeat bg-[position:right_-50px_bottom_-40px]" id="who-we-are"> | ||
| <div class="container-width flex lg:justify-end"> | ||
| <div class="lg:w-10/12"> | ||
|
|
@@ -97,53 +73,22 @@ import NewsSlider from "@components/NewsSliderDataWrapper.astro"; | |
| </div> | ||
| </ContentSection> | ||
|
|
||
| <ContentSection variant="white" className="mb-16"> | ||
| <div class="container-width flex flex-col lg:flex-row gap-4 overflow-hidden"> | ||
| <div class="flex flex-col flex-1 basis-full min-w-0 gap-4 lg:order-1 order-2"> | ||
| <CarCard img="images/cars/image4.jpg" title="Crafter від Cadus" subtitle="ТОЛОКАР 01" tag="Реновація та ручна робота" date="Травень - серпень 2022 року" operator="cadus" tagIcon="hammer"/> | ||
| <CarCard img="images/cars/image1.jpg" title="Sprinter II від MitOst" subtitle="ТОЛОКАР 03" tag="Конструювання" tagIcon="toolbox" date="З вересня 2022 року" operator="ostriv" /> | ||
| </div> | ||
| <div class="flex flex-col flex-1 basis-full min-w-0 gap-4 items-center lg:order-2 order-1"> | ||
| <ContentSection variant="white" className="mb-16 mt-20"> | ||
| <div class="container-width grid grid-cols-2 gap-8"> | ||
| <div class="col-span-2 w-full flex flex-col justify-center"> | ||
| <h3 class="font-semibold text-5xl font-aktiv">Наш автопарк</h3> | ||
| <p class="text-lg text-neutral-500 w-full text-center mb-16">Огляд всіх наших минулих, поточних і запланованих Толокарів</p> | ||
| <CarCard img="images/cars/image2.jpg" title="Supporter від Cadus" subtitle="ТРАНСПОРТНИЙ АВТОМОБІЛЬ 01" tag="Перевезення персоналу та матеріалів" tagIcon="truck" date="Червень - листопад 2022" operator="mitost" tagIcon="truck"/> | ||
| <CarCard img="images/cars/image5.jpg" title="Бус від HIWW" subtitle="ТОЛОКАР 04" tag="Конструювання та обладнання з відкритим вихідним кодом" date="З вересня 2022 року" tagIcon="cog" operator="hiww"/> | ||
| </div> | ||
| <div class="flex flex-col flex-1 basis-full min-w-0 gap-4 order-3"> | ||
| <CarCard img="images/cars/image3.jpg" title="Sprinter I від MitOst" subtitle="ТОЛОКАР 02" tag="Конструювання, цифрове виробництво" tagIcon="cog" date="З червня 2022 року" operator="ostriv"/> | ||
| <CarCard img="images/cars/image7.jpg" title="Вантажівка від HIWW" subtitle="ТОЛОКАР 05" tag="Конструювання та обладнання з відкритим вихідним кодом" tagIcon="cog" date="З вересня 2022 року" operator="hiww"/> | ||
| </div> | ||
| <CarCard img="images/cars/image1.jpg" title="Sprinter II від MitOst" subtitle="ТОЛОКАР 03" tag="Конструювання" tagIcon="toolbox" date="З вересня 2022 року" operator="ostriv" /> | ||
| <CarCard img="images/cars/hiww.jpg" title="Бус від HIWW" subtitle="ТОЛОКАР 04" tag="Конструювання та обладнання з відкритим вихідним кодом" date="З вересня 2022 року" tagIcon="cog" operator="hiww"/> | ||
| <CarCard img="images/cars/MitOstSprinter-1.jpg" title="Sprinter I від MitOst" subtitle="ТОЛОКАР 02" tag="Конструювання, цифрове виробництво" tagIcon="cog" date="З червня 2022 року" operator="ostriv"/> | ||
| <CarCard img="images/cars/image7.jpg" title="Вантажівка від HIWW" subtitle="ТОЛОКАР 05" tag="Конструювання та обладнання з відкритим вихідним кодом" tagIcon="cog" date="З вересня 2022 року" operator="hiww"/> | ||
|
|
||
| </div> | ||
| </ContentSection> | ||
|
|
||
| <ContentSection className="bg-illustration-3-dark bg-no-repeat bg-left-bottom" id="what-is-a-tolocar" id="projects-community"> | ||
| <HeadlineUnderlined large variant={4} className="container-width mt-8 sm:mt-20">Проєкти та спільнота</HeadlineUnderlined> | ||
| <div class="container-width flex lg:justify-end mt-8 sm:mt-16 mb-16"> | ||
| <div class="flex flex-col lg:w-10/12 "> | ||
| <div class="flex flex-col lg:flex-row custom-prose text-lg leading-6 gap-8 mb-12 lg:mb-20"> | ||
| <div class="flex-1"> | ||
| <p class="text-2xl leading-7 font-bold text-tolo-black">Як би не відрізнялися між собою фаблаби чи мейкерспейси, вони мають одну спільну рису: це керовані громадою місця виробництва.</p> | ||
|
|
||
| Ця спільнота, як правило, має широкі зв'язки і є дуже ефективною у підборі осіб, здатних зробити свій внесок у розв’язання конкретних проблем. Це особливо характерно для спільнот, що займаються розробкою апаратного та програмного забезпечення з відкритим вихідним кодом. | ||
| </div> | ||
| <div class="flex-1"> | ||
| Ці об'єднані в мережу спільноти іноді здатні зовсім по-іншому сформулювати особисту або загальну проблему і таким чином уникнути або вирішити її дуже ефективно з точки зору використання ресурсів. | ||
|
|
||
| Такі інновації, орієнтовані на користувача, можуть призвести до появи вузькоспеціалізованих рішень, які не будуть надійно обслуговуватися масовим ринком. Однак сьогодні деяке обладнання з відкритим вихідним кодом конкурує з добре відомими продуктами мас-маркету. | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </ContentSection> | ||
| <ContentSection variant="dark" className="z-10"> | ||
| <div class="container-width flex flex-col lg:flex-row gap-6 -mt-20"> | ||
| <ImageCard title="Майстер-класи від мейкерів" img="images/arduino.jpg">Ми проводимо різні майстер-класи для різних груп, наприклад, шкіл, університетів, фаблабів тощо, на такі теми, як цифрове виробництво, кодування тощо.</ImageCard> | ||
| <ImageCard title="Replication workshops" img="images/replication.jpg">На наших семінарах з реплікації ми навчаємо фаблаби та місцевий бізнес створювати/реплікувати певне обладнання з відкритим вихідним кодом, таке як 3D-принтери, фрезерні верстати з ЧПК та лазерні різаки.</ImageCard> | ||
| <ImageCard title="Проєкти підтримки" img="images/support.jpg">Ми підтримуємо різних партнерів у їхніх проєктах за допомогою наших знань, інструментів та машин. У цих проєктах ми оновлюємо, ремонтуємо, будуємо та винаходимо спеціальні рішення.</ImageCard> | ||
| </div> | ||
| </ContentSection> | ||
| <ContentSection variant="white"> | ||
| <div class="absolute w-full bg-neutral-800 h-40 top-0" /> | ||
| <ContentSection variant="default"> | ||
| <div class="absolute w-full bg-neutral-50 h-40 top-0" /> | ||
| <CardContainer className="lg:h-[408px]"> | ||
| <Card title="Ви перебуваєте в Україні і вважаєте, що ми могли б Вам допомогти?" bg={4} target="mailto:[email protected]" actionCaption="Зв'яжіться з нами">Школи, університети, громадські організації, стартапи та інші організації можуть звертатися до нас з проханням надати Толокари для проведення проєктів, семінарів та тренінгів.</Card> | ||
| <Card title="Ви — мейкер і хочете співпрацювати з нами?" bg={5} target="mailto:[email protected]" actionCaption="Зв'яжіться з нами">Ми шукаємо окремих мейкерів, фаблаби, хакерспейси, мейкерспейси та інші спільноти, які хочуть співпрацювати з нами в Україні та онлайн на міжнародному рівні.</Card> | ||
|
|
||