Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Updating content tools data #865

Merged
merged 8 commits into from
May 27, 2024
Merged

Updating content tools data #865

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
2abed79
added section to drone TM
Claurt07 May 27, 2024
2a7d5b2
added possibility of having extra HTML content on product pages
Claurt07 May 27, 2024
129d112
changed DTM to Drone TM
Claurt07 May 27, 2024
62d4a8e
Merge branch 'updating-content-tools-data' of https://github.com/Clau…
Claurt07 May 27, 2024
f2fa1ca
cleaning css
Claurt07 May 27, 2024
104033d
changing dtm name
Claurt07 May 27, 2024
817ea27
cleaning names and text
Claurt07 May 27, 2024
cbf75f4
cleaning droneTM page
Claurt07 May 27, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 4 additions & 2 deletions _layouts/product-pages.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -110,8 +110,10 @@ <h4 style="font-weight: bolder; font-size: 1.25rem;">{{ page['Block 3'].Highligh

{% if page.Show-content == "yes" %}

<div class="program-body" style="padding-top: 1px">
<section class="article">
<div class="program-body">
<section class="article" style="padding-top: 0%; padding-bottom: 0%;">
<div class="hr-h"></div>


{{ content }}

Expand Down
127 changes: 70 additions & 57 deletions _product-pages/drone-tasking-manager.markdown
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,23 +2,18 @@
title: DRONE TASKING MANAGER
date: 2018-02-06 15:16:00 Z
position: 4
Show-projects: 'no'
Show-news: 'no'
Show-content: 'no'
Show-projects: "no"
Show-news: "no"
Show-content: "yes"
Tool-name: Drone Tasking Manager
Block 0:
Header:
Text: Open-source tool designed to support collaborative remote mapping activity
Text: Open-Source Tool Designed to Contribute to an Open Aerial Imagery Repository
Image: "/uploads/drone-tm-main.png"
Block 1:
Section: What is it?
Header: A user-friendly, inclusive application suite enabling anyone with access
to a drone, even an inexpensive consumer or DIY drone, to contribute easily and
effectively to a global free and open aerial imagery repository.
Text: 'Local people with low-cost, consumer-type drones can choose areas to fly
and receive flight plans that automate precision aerial imagery collection missions,
seamlessly combining the efforts of multiple operators into high­quality coverage
of 2D and 3D imagery. '
Header: "A user-friendly, inclusive application suite enabling anyone with access to a drone, even an inexpensive consumer or DIY drone, to contribute easily and effectively to a global free and open aerial imagery repository."
Text: "Local people with low-cost, consumer-type drones can choose areas to fly and receive flight plans that automate precision aerial imagery collection missions, seamlessly combining the efforts of multiple operators into high­quality coverage of 2D and 3D imagery. "
Image: https://cdn.hotosm.org/website/open-source.png
Tools:
- Name: Learn More
Expand All @@ -31,36 +26,27 @@ Block 2:
Rectangle-1:
Icon: fa-solid fa-paper-plane
Header: Use Low-Cost Drones
Highlight: DTM empowers local communities to produce their own aerial imagery
by enabling local <strong>use of safe. affordable, lightly-regulated drones</strong>
to create high-quality, high­resolution 2D and 3D images and base layers.
Highlight: 'DroneTM empowers local communities to produce their own aerial imagery by enabling local <strong>use of safe. affordable, lightly-regulated drones</strong> to create high-quality, high­resolution 2D and 3D images and base layers.'
Rectangle-2:
Icon: fa-solid fa-group-arrows-rotate
Header: Coordinate Efforts
Highlight: Current commercial drone platforms don't enable multiple operators
to collaborate to cover a large area. <strong>DTM empowers communities to work
together to image their own environment seamlessly and at scale.</strong>
Highlight: "Current commercial drone platforms don't enable multiple operators to collaborate to cover a large area. <strong>DroneTM empowers communities to work together to image their own environment seamlessly and at scale.</strong>"
Rectangle-3:
Icon: fa-solid fa-circle-nodes
Header: AI & Field Mapping
Highlight: We're all excited about the potential for Al and field mapping tools
to power greater community mapping efforts. But <strong>Al and field mappers
need imagery!</strong> DTM empowers communities to create those imagery inputs
themselves.
Highlight: "We're all excited about the potential for Al and field mapping tools to power greater community mapping efforts. But <strong>Al and field mappers need imagery!</strong> DroneTM empowers communities to create those imagery inputs themselves."
Block 3:
Header: Why DTM?
Highlight: Aerial imagery is critical for mapping, but we have been dependent on
satellites or large, expensive, dangerous drones (usually operated by contractors
from abroad).
Text: 'DATM empowers local communities to create high­quality aerial imagery by
combining the efforts of multiple people with small, safe, accessible drones.
<br><br> <strong>Social Impact:</strong><br> &nbsp;- <u>Collaboration</u>, Communities
working together to create local aerial imagery at scale. <br> &nbsp;- <u>Independence</u>,
People can generate their own data for use with Al and field mapping tools. <br>
&nbsp;- <u>Empowerment</u>, Community led aerial imagery creation. <br><br> '
Image: https://cdn.hotosm.org/website/Code+for+Africa+2019+Microgrant.jpg
Header: Why DroneTM?
Highlight: Aerial imagery is critical for mapping, but we have been dependent on satellites or large, expensive, dangerous drones (usually operated by contractors from abroad).
Text: "DroneTM empowers local communities to create high­quality aerial imagery by combining the efforts of multiple people with small, safe, accessible drones. <br><br>
<strong>Social Impact:</strong><br>
&nbsp;- <u>Collaboration</u>, Communities working together to create local aerial imagery at scale. <br>
&nbsp;- <u>Independence</u>, People can generate their own data for use with Al and field mapping tools. <br>
&nbsp;- <u>Empowerment</u>, Community led aerial imagery creation. <br><br>
"
Image: "https://cdn.hotosm.org/website/Code+for+Africa+2019+Microgrant.jpg"
Tools:
- Name: DTM Research GitHub
- Name: DroneTM Research GitHub
URL: https://github.com/hotosm/datm-research
Block 4:
Header: Open Aerial Map (OAM)
Expand All @@ -84,27 +70,54 @@ Block 5:
layout: product-pages
---

<div >
<section>
<h2 style="font-family: Barlow Condensed, sans-serif; font-size: 2.5rem;font-weight: bold; text-transform: uppercase; letter-spacing: .045em; line-height: 1.15;color: #D73F3F;" ></h2>
<h2 style="font-family: Barlow Condensed, sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: .045em; line-height: 1.15; font-size: 2.5rem;">TECHNICAL FEATURES</h2>
<div class="hr-h" style="margin: 10px 0 40px "></div>
<div class="project-index-all">
<div>
<h1 style="color: black; font-weight: bolder;"><i class="{{ page['Block 2'].Rectangle-1.Icon }}" style="color: #D73F3F;"></i>&nbsp; {{ page['Block 2'].Rectangle-1.Header }} </h1>
<br>
<p>{{ page['Block 2'].Rectangle-1.Highlight | markdownify}}</p>
</div>
<div>
<h1 style="color: black; font-weight: bolder;"><i class="{{ page['Block 2'].Rectangle-2.Icon }}" style="color: #D73F3F;"></i>&nbsp; {{ page['Block 2'].Rectangle-2.Header }} </h1>
<br>
<p>{{ page['Block 2'].Rectangle-2.Highlight | markdownify}}</p>
</div>
<div>
<h1 style="color: black; font-weight: bolder;"><i class="{{ page['Block 2'].Rectangle-3.Icon }}" style="color: #D73F3F;"></i>&nbsp; {{ page['Block 2'].Rectangle-3.Header }} </h1>
<br>
<p>{{ page['Block 2'].Rectangle-3.Highlight | markdownify}}</p>
</div>
</div>
</section>
</div>


<div class="dtm-grid">
<div class="intro-text dtm-photo" style="">
<h1 style="font-weight: bolder; margin-top:3%; margin-left:0%; justify-content: center; font-family: Barlow Condensed, sans-serif; margin-bottom:2%">TECHNICAL FEATURES OF DroneTM</h1>
<img style="height: 87%; width: 100%; object-fit: cover; padding-right: 1%; padding-left: 1%; padding-bottom: 1%; padding-top: 12%;background-image: url(/images/dot-pattern.svg);" src="https://cdn.hotosm.org/website/IMG_1654+(1).jpg">
</div>
<div class="intro-text">
<h1 class="dtm-box-title"><i class="fa-solid fa-users-gear" style="color: #D73F3F;font-size: x-large;"></i> User Management</h1>
<br>
<p class="dtm-box-paragraph">Simplifies the onboarding process, enhances security with role-based access, and facilitates efficient management of participant activities.</p>
</div>
<div class="intro-text">
<h1 class="dtm-box-title"><i class="fa-solid fa-pen-to-square" style="color: #D73F3F;font-size: x-large;"></i> Survey Projects Creation</h1>
<br>
<p class="dtm-box-paragraph">Streamlines project setup, allows for custom project specifications, and ensures all participants have clear guidelines and objectives.</p>
</div>
<div class="intro-text">
<h1 class="dtm-box-title"><i class="fa-solid fa-table-cells-large" style="color: #D73F3F;font-size: x-large;"></i> Data/Flight Plan Upload</h1>
<br>
<p class="dtm-box-paragraph">Ensures consistency and accuracy in flight plans, maximizes area coverage, and minimizes data gaps.</p>
</div>
<div class="intro-text" style="background-color: white; background-image: url(/images/dot-pattern-blue.svg); margin-top: 10%; margin-bottom: 17%;">
</div>
<div class="intro-text">
<h1 class="dtm-box-title"><i class="fa-solid fa-triangle-exclamation" style="color: #D73F3F;font-size: x-large;"></i> Notifications/ Status Mgmt.</h1>
<br>
<p class="dtm-box-paragraph">Keeps all users informed and engaged, ensures timely responses to project needs, and enhances collaborative efforts.</p>
</div>
<div class="intro-text">
<h1 class="dtm-box-title"><i class="fa-solid fa-chart-pie" style="color: #D73F3F;font-size: x-large;"></i> Data Visualization</h1>
<br>
<p class="dtm-box-paragraph">Aids in better understanding and interpretation of the data, supports decision-making processes, and enhances the presentation of findings.</p>
</div>
<div class="intro-text">
<h1 class="dtm-box-title"><i class="fa-solid fa-scale-balanced" style="color: #D73F3F;font-size: x-large;"></i> Local Regulations & Compliance</h1>
<br>
<p class="dtm-box-paragraph">Reduces legal risks, promotes safe flying practices, and enhances community trust and acceptance of drone operations.</p>
</div>
<div class="intro-text">
<h1 class="dtm-box-title"><i class="fa-solid fa-file-lines" style="color: #D73F3F;font-size: x-large;"></i> Reporting</h1>
<br>
<p class="dtm-box-paragraph">Offers valuable insights for project evaluation, supports transparency, and aids in continuous improvement of operations.</p>
</div>
</div>

<div class="hr-h"></div>

<!-- <div style="padding: 0% 5% 5% 5%; background-color: white; width: 100%;">
<img style="display: block; height: 110%; width: 100%; object-fit: cover; filter: brightness(70%); border: 2px solid grey; padding: 10px;" src="https://cdn.hotosm.org/website/image1-compressor.jpg">
</div> -->
116 changes: 116 additions & 0 deletions _sass/base.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5647,6 +5647,66 @@ th, td {
}


////////////////////////////////////////////////
/////////////// Page — DroneTM /////////////////
////////////////////////////////////////////////

.dtm-grid {
margin: 0px 0 10px;
display: grid;
grid-template-columns: repeat(auto-fill, 250px);
padding: 1%;
justify-content: space-around;
@media (max-width: $screen-sm) {
// flex-wrap: wrap;
}
@media (max-width: $screen-xs) {
// flex-wrap: wrap;
}
.dtm-photo {
grid-column: 1/3;
grid-row: 1/3;
// display: flex;
// align-items: center;
// flex-basis: 50%;
// order: -1;
}
.dtm-child {
align-items: center;
}
.child--grow {
flex-grow: 1;
}
// flex-wrap: wrap;
.intro-text {
margin-bottom: 28px;
margin-right: 15%;
@media (max-width: $screen-xs) {
margin-bottom: 16px;
}
p {
font-size: 1.375rem;
color: $red;
@media (max-width: $screen-sm) {
font-size: 1.125rem;
}
@media (max-width: $screen-xs) {
font-size: 1rem;
}
}
}
}

.dtm-box-title {
color: black !important;
font-family: Barlow Condensed, sans-serif !important;
margin-top:5% !important;
}
.dtm-box-paragraph {
line-height: 1.35 !important;
color: #68707F !important;
font-size: 1.125rem !important;
}
////////////////////////////////////////////////
/////////////// Page — What We Do //////////////
////////////////////////////////////////////////
Expand Down Expand Up @@ -6210,6 +6270,62 @@ th, td {
}
}



.product-pages-content {
margin: 48px 0 40px;
@media (min-width: $screen-xs) {
display: grid;
grid-template-columns: repeat(12, 1fr);
}
@media (max-width: $screen-xs) {
margin-bottom: 16px;
}
h1 {
grid-column: 1 / 6;
}
.intro {
grid-column: 7 / -1;
margin-top: 11px;
}
.intro-text {
margin-bottom: 8px;
@media (max-width: $screen-xs) {
margin-bottom: 16px;
}
p {
font-size: 1.375rem;
color: $red;
@media (max-width: $screen-sm) {
font-size: 1.125rem;
}
@media (max-width: $screen-xs) {
font-size: 1rem;
}
}
}
.intro-btns {
@media (min-width: $screen-xs) {
display: grid;
grid-gap: 50px;
grid-template-columns: repeat(2, 1fr);
}
.btn {
@media (max-width: $screen-xs) {
margin-bottom: 8px;
display: inline-block;
// font-size: 0.875rem;
&:after {
background: none;
}
}
}
}
}




.half-block-tools-data-principles {
display: grid;
@media (max-width: $screen-sm) {
Expand Down
9 changes: 3 additions & 6 deletions tech-suite.markdown
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -61,12 +61,9 @@ Fmtm:
- Name: Learn More
URL: "/tech-suite/field-mapping-tasking-manager/"
Dtm:
Header: Drone Tasking Manager (DTM)
Text: An open-source drone tasking platform to coordinate aerial survey activities
for target project areas among multiple pilots, incorporating tools and processes
to ensure coordinated flight plans for imagery acquisition, and a seamless pipeline
for processing and dissemination.
Image: https://cdn.hotosm.org/website/WhatsApp+Image+2022-07-04+at+15.16.14+(2)+(1).jpeg
Header: Drone Tasking Manager (DroneTM)
Text: 'An open-source drone tasking platform to coordinate aerial survey activities for target project areas among multiple pilots, incorporating tools and processes to ensure coordinated flight plans for imagery acquisition, and a seamless pipeline for processing and dissemination.'
Image: "https://cdn.hotosm.org/website/WhatsApp+Image+2022-07-04+at+15.16.14+(2)+(1).jpeg"
Tools:
- Name: Learn More
URL: "/tech-suite/Drone-tasking-manager/"
Expand Down