[READ-ONLY] Mirror of https://github.com/hacknug/romi-project.
romi-project.vercel.app
Remove grid layout
Nestor Vera
(Jul 11, 2022, 6:44 PM +0200)
a6047d27
825e4e1e
+93
-94
+14
components/content/BaseSection.vue
+14
components/content/BaseSection.vue
···
1
+
<template>
2
+
<section data-section="base" class="grid gap-8">
3
+
<header v-if="$slots.header">
4
+
<slot name="header" />
5
+
</header>
6
+
<div v-if="$slots.default" class="grid gap-12">
7
+
<slot name="default" />
8
+
</div>
9
+
</section>
10
+
</template>
11
+
12
+
<style lang="postcss" scoped>
13
+
[data-section="base"] + [data-section="base"] { @apply mt-12; }
14
+
</style>
-3
components/content/SectionSplitHero.vue
-3
components/content/SectionSplitHero.vue
+67
-48
content/1.index.md
+67
-48
content/1.index.md
···
1
1
---
2
2
title: 'Home'
3
3
description: ''
4
-
# layout: grid
5
4
---
6
5
7
6
# [Robotics for Microfarms develops open technologies to assist organic, diversified, vegetable farmers.]{class="block max-w-5xl"}
8
7
9
-
10
-
::section-split-hero{class="bg-[url(/assets/tools/weeding/1-rover.jpg)]"}
11
-
#right
12
-
::base-card{}
13
-
ROMI is a four-year Europe-funded research project committed to promote a sustainable, local, and human-scale agriculture. It is developing an affordable, multipurpose platform adapted to support organic and polyculture market-garden farms.
8
+
::base-section{}
9
+
#header
10
+
## Tools
11
+
#default
12
+
::section-grid{query="/tools"}
14
13
::
15
14
::
16
15
17
-
::section-split-hero{class="!bg-center xl:!bg-right bg-[url(/assets/home/project.jpg)]"}
18
-
#left
19
-
::base-card{}
20
-
The platform constitutes robotic tools, research, data and shared documentation and aims to help farming communities increase their production and improve their working conditions.
16
+
::base-section{}
17
+
#header
18
+
## Research
19
+
#default
20
+
::section-grid{query="/research"}
21
21
::
22
22
::
23
23
24
-
::section-split-hero{class="bg-[url(/assets/home/robotic-tools.jpg)]"}
25
-
#right
26
-
::base-card{}
27
-
## Robotic tools
28
-
Open-source robotic tools can assist farmers in completing physically demanding or tedious tasks and can help with planning complex planting. Over four years, ROMI will work on the development of three robotic tools: a mechanical weeding robot, an aerial robot for crop monitoring and a 3D scanner for phenotyping in indoor and outdoor environments.
24
+
::base-section{}
25
+
#header
26
+
## What we do
27
+
#default
28
+
::section-split-hero{class="bg-[url(/assets/tools/weeding/1-rover.jpg)]"}
29
+
#right
30
+
::base-card{}
31
+
ROMI is a four-year Europe-funded research project committed to promote a sustainable, local, and human-scale agriculture. It is developing an affordable, multipurpose platform adapted to support organic and polyculture market-garden farms.
32
+
::
29
33
::
30
-
::
34
+
35
+
::section-split-hero{class="!bg-center xl:!bg-right bg-[url(/assets/home/project.jpg)]"}
36
+
#left
37
+
::base-card{}
38
+
The platform constitutes robotic tools, research, data and shared documentation and aims to help farming communities increase their production and improve their working conditions.
39
+
::
40
+
::
31
41
32
-
::section-split-hero{class="bg-[url(/assets/home/field-studies.jpg)]"}
33
-
#left
34
-
::base-card{}
35
-
## Field studies
36
-
Undertaking research directly in the field means ROMI can develop with the expertise of professional farmers. The efficiency and usability of robotic tools are tested across four seasons at two core sites: Chatelain Maraîchage near Paris and at Valldaura Self-sufficiency Labs near Barcelona. Additional community sites may be used for research as the project develops.
42
+
::section-split-hero{class="bg-[url(/assets/home/robotic-tools.jpg)]"}
43
+
#right
44
+
::base-card{}
45
+
## Robotic tools
46
+
Open-source robotic tools can assist farmers in completing physically demanding or tedious tasks and can help with planning complex planting. Over four years, ROMI will work on the development of three robotic tools: a mechanical weeding robot, an aerial robot for crop monitoring and a 3D scanner for phenotyping in indoor and outdoor environments.
47
+
::
37
48
::
38
-
::
39
49
40
-
::section-split-hero{class="bg-[url(/assets/home/phenotiping-and-data-science.jpg)]"}
41
-
#right
42
-
::base-card{}
43
-
## Phenotiping and data science
44
-
ROMI is working on advanced 3D plant analysis and modelling techniques for indoor and in-field data acquisition. Collecting and analysing data can aid in the development of dashboards that can help monitor the status of farms and provide situated plant data for agronomy. ROMI is working with novel adaptive learning techniques to deal with unexpected situations.
50
+
::section-split-hero{class="bg-[url(/assets/home/field-studies.jpg)]"}
51
+
#left
52
+
::base-card{}
53
+
## Field studies
54
+
Undertaking research directly in the field means ROMI can develop with the expertise of professional farmers. The efficiency and usability of robotic tools are tested across four seasons at two core sites: Chatelain Maraîchage near Paris and at Valldaura Self-sufficiency Labs near Barcelona. Additional community sites may be used for research as the project develops.
55
+
::
45
56
::
46
-
::
47
57
48
-
::section-split-hero{class="bg-[url(/assets/home/farming-communities.jpg)]"}
49
-
#left
50
-
::base-card{}
51
-
## Farming communities
52
-
A new generation of farmers are starting small innovative market gardens in rural, peri-urban and urban areas across Europe. These farms often grow polycultures of up to 100 different varieties per year on small surfaces between 0.01 to 5 hectares. Polyculture and organic microfarms are proving to be highly productive, sustainable and economical, yet some of the on-the-ground experiences of farming communities are still unknown. ROMI aims to develop a better understanding of this emerging field through research, events and the development of specialised techniques and tools.
58
+
::section-split-hero{class="bg-[url(/assets/home/phenotiping-and-data-science.jpg)]"}
59
+
#right
60
+
::base-card{}
61
+
## Phenotiping and data science
62
+
ROMI is working on advanced 3D plant analysis and modelling techniques for indoor and in-field data acquisition. Collecting and analysing data can aid in the development of dashboards that can help monitor the status of farms and provide situated plant data for agronomy. ROMI is working with novel adaptive learning techniques to deal with unexpected situations.
63
+
::
53
64
::
54
-
#right
55
-
::base-card{.p-4}
56
-
#media
57
-
<div class="aspect-w-16 aspect-h-10 rounded-lg overflow-hidden isolate">
58
-
<!-- <iframe frameborder="0" allowfullscreen src="https://umap.openstreetmap.fr/map/vegetable-microfarms-in-europe_224167#3/53/12"></iframe> -->
59
-
<iframe frameborder="0" allowfullscreen src="https://umap.openstreetmap.fr/en/map/vegetable-microfarms-in-europe_224167?scaleControl=false&miniMap=false&scrollWheelZoom=false&zoomControl=true&allowEdit=false&moreControl=false&searchControl=false&tilelayersControl=false&embedControl=false&datalayersControl=false&captionBar=false#3/53/10"></iframe>
60
-
</div>
65
+
66
+
::section-split-hero{class="bg-[url(/assets/home/farming-communities.jpg)]"}
67
+
#left
68
+
::base-card{}
69
+
## Farming communities
70
+
A new generation of farmers are starting small innovative market gardens in rural, peri-urban and urban areas across Europe. These farms often grow polycultures of up to 100 different varieties per year on small surfaces between 0.01 to 5 hectares. Polyculture and organic microfarms are proving to be highly productive, sustainable and economical, yet some of the on-the-ground experiences of farming communities are still unknown. ROMI aims to develop a better understanding of this emerging field through research, events and the development of specialised techniques and tools.
71
+
::
72
+
#right
73
+
::base-card{.p-4}
74
+
#media
75
+
<div class="aspect-w-16 aspect-h-10 rounded-lg overflow-hidden isolate">
76
+
<!-- <iframe frameborder="0" allowfullscreen src="https://umap.openstreetmap.fr/map/vegetable-microfarms-in-europe_224167#3/53/12"></iframe> -->
77
+
<iframe frameborder="0" allowfullscreen src="https://umap.openstreetmap.fr/en/map/vegetable-microfarms-in-europe_224167?scaleControl=false&miniMap=false&scrollWheelZoom=false&zoomControl=true&allowEdit=false&moreControl=false&searchControl=false&tilelayersControl=false&embedControl=false&datalayersControl=false&captionBar=false#3/53/10"></iframe>
78
+
</div>
79
+
::
61
80
::
62
-
::
63
81
64
-
::section-split-hero{class="bg-[url(/assets/home/documents.jpg)]"}
65
-
#right
66
-
::base-card{}
67
-
## Documents
68
-
ROMI is an open source, open-hardware project which allows communities to adapt and develop designs to their own needs whilst sharing back to a growing community. Documentation, resources and tools are made public as they become available through output of the four-year ROMI research and development.
69
-
70
-
The project's output is also made publicly available. The resources currently available are listed on [our downloads page](/downloads).
82
+
::section-split-hero{class="bg-[url(/assets/home/documents.jpg)]"}
83
+
#right
84
+
::base-card{}
85
+
## Documents
86
+
ROMI is an open source, open-hardware project which allows communities to adapt and develop designs to their own needs whilst sharing back to a growing community. Documentation, resources and tools are made public as they become available through output of the four-year ROMI research and development.
87
+
88
+
The project's output is also made publicly available. The resources currently available are listed on [our downloads page](/downloads).
89
+
::
71
90
::
72
91
::
+6
-1
content/2.tools/0.index.md
+6
-1
content/2.tools/0.index.md
+6
-1
content/3.research/0.index.md
+6
-1
content/3.research/0.index.md
-17
layouts/grid.vue
-17
layouts/grid.vue
···
1
-
<template>
2
-
<article class="">
3
-
<slot />
4
-
5
-
<SectionGrid class="mt-12" v-bind="{ query: $route.path }" />
6
-
</article>
7
-
</template>
8
-
9
-
<style lang="postcss" scoped>
10
-
:deep(:is(h1, h2, h3, h4, h5, h6)) { @apply text-primary-400 font-bold; }
11
-
:deep(:is(h1)) { @apply text-4xl xl:text-6xl; }
12
-
:deep(:is(h2)) { @apply text-3xl xl:text-5xl; }
13
-
:deep(:is(h3)) { @apply text-2xl xl:text-4xl; }
14
-
:deep(:is(h4)) { @apply text-xl xl:text-3xl; }
15
-
:deep(:is(h5)) { @apply text-lg xl:text-2xl; }
16
-
:deep(:is(h6)) { @apply text-base xl:text-xl; }
17
-
</style>
-24
pages/index.vue
-24
pages/index.vue
···
1
-
<template>
2
-
<div class="grid gap-16">
3
-
<ContentDoc class="my-32" />
4
-
5
-
<section v-for="([title, query]) in [['Tools', '/tools'], ['Research', '/research']]" :key="query" class="grid gap-8">
6
-
<header>
7
-
<h2 class="text-6xl text-primary-400 font-bold">
8
-
<NuxtLink :to="query">{{ title }}</NuxtLink>
9
-
</h2>
10
-
</header>
11
-
<div>
12
-
<SectionGrid v-bind="{ query }" />
13
-
</div>
14
-
</section>
15
-
</div>
16
-
</template>
17
-
18
-
<script setup>
19
-
definePageMeta({
20
-
layout: 'default',
21
-
})
22
-
23
-
const content = useContent()
24
-
</script>