Skip to content

Improve website content #78

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

Closed
mbastian wants to merge 1 commit into from
Closed

Improve website content #78

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
2 changes: 1 addition & 1 deletion src/pages/about/index.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -56,7 +56,7 @@ const TEAM: TeamMember[] = [
> at JavaOne 2010.
</p>
<p>
After a less active period of development, the <a href="/community#gephi-weeks">Gephi team gathers</a>
After a less active period of development, the <a href="/community#gephi-weeks">Gephi team gathers</a>
every year since 2021 to maintain the codebase, meets users, discuss and design new features.
</p>
<p>
Expand Down
92 changes: 66 additions & 26 deletions src/pages/toolkit/index.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,42 @@ import Layout from "../../layouts/Layout.astro";
---

<Layout pageId="toolkit">
<style>
.feature .feature-text.architecture-card {
max-width: 100%;
display: flex;
align-items: center;
gap: 2rem;
}

.architecture-copy {
flex: 1 1 42%;
min-width: 0;
}

.architecture-copy p:last-child {
margin-bottom: 0;
}

.architecture-figure {
flex: 1 1 58%;
min-width: 0;
}

.architecture-figure img {
max-height: none;
width: 100%;
height: auto;
}

@media (max-width: 767.98px) {
.feature .feature-text.architecture-card {
flex-direction: column;
align-items: stretch;
gap: 1.5rem;
}
}
</style>
<Banner>
<div class="banner-contents">
<div class="banner-texts">
Expand Down Expand Up @@ -76,34 +112,38 @@ import Layout from "../../layouts/Layout.astro";
</section>
<section class="feature">
<section class="feature-headline">
<div class="feature-text">
<h2><Icon name="ph:question" class="text-primary" />How it works</h2>
<p class="fs-5">
Gephi is designed in a modular way and split into different modules. All features are wrapped into
separated modules, for instance a module for the graph structure, a module for the layout algorithms and
so on. Moreover business modules are separated from user interfaces modules. That allows to keep only
business modules and remove UI without any problems. That is the purpose of the toolkit, which wraps only
core modules and remove all the UI layer.
</p>
<p class="fs-5">
The figure shows Gephi architecture and what part is included in the toolkit. So the toolkit is just
taking what already exists in Gephi and package it.
</p>
<p class="fs-5">
The Javadoc and Code examples can be found on <a
href="https://github.com/gephi/gephi-toolkit"
class="fw-bold"
><Icon name="ph:github-logo" /> GitHub
</a>
</p>
<div class="feature-text architecture-card">
<div class="architecture-copy">
<h2><Icon name="ph:question" class="text-primary" />How it works</h2>
<p class="fs-5">
Gephi is designed in a modular way and split into different modules. All features are wrapped into
separated modules, for instance a module for the graph structure, a module for the layout algorithms and
so on. Moreover business modules are separated from user interfaces modules. That allows to keep only
business modules and remove UI without any problems. That is the purpose of the toolkit, which wraps only
core modules and remove all the UI layer.
</p>
<p class="fs-5">
The figure shows Gephi architecture and what part is included in the toolkit. So the toolkit is just
taking what already exists in Gephi and package it.
</p>
<p class="fs-5">
The Javadoc and Code examples can be found on <a
href="https://github.com/gephi/gephi-toolkit"
class="fw-bold"
><Icon name="ph:github-logo" /> GitHub
</a>
</p>
</div>
<figure class="figure architecture-figure mb-0">
<Image
src={Architecture}
class="figure-img img-fluid"
alt="Architecture diagram: Gephi and NetBeans core modules plus Gephi APIs are packaged into gephi-toolkit.jar, while UI modules are left out."
/>
<figcaption class="figure-caption text-muted text-center">Gephi Toolkit Architecture</figcaption>
</figure>
</div>
</section>
<section class="feature-arguments">
<figure class="figure">
<Image src={Architecture} class="border figure-img img-fluid p-2" alt="" />
<figcaption class="figure-caption text-muted text-center">Gephi Toolkit Architecture</figcaption>
</figure>
</section>
</section>
</section>
</main>
Expand Down
Loading