Skip to content

Commit

Permalink
Add Theia IDE
Browse files Browse the repository at this point in the history
fixed #468

Signed-off-by: Jonas Helming <[email protected]>
  • Loading branch information
JonasHelming committed Nov 28, 2023
1 parent 0a314fb commit a14151f
Show file tree
Hide file tree
Showing 35 changed files with 784 additions and 283 deletions.
3 changes: 2 additions & 1 deletion src/components/Nav.js
Original file line number Diff line number Diff line change
Expand Up @@ -228,7 +228,7 @@ class Nav extends React.Component {
</div>
<ul className={`nav__items ${this.state.isNavRendered ? 'navIsRendered' : 'navIsNotRendered' }`}>
<li className="nav__item">
<Link to="/#features" className="nav__link">Features</Link>
<Link to="https://github.com/eclipse-theia/theia" className="nav__link">Github</Link>
</li>
<li className="nav__item">
<Link to="/docs/" className="nav__link" activeClassName="active">Documentation</Link>
Expand All @@ -249,6 +249,7 @@ class Nav extends React.Component {
<li><Link to="/resources/" className="nav__link">Other Resources</Link></li>
</ul>
</li>

</ul>
</nav>
</StyledNav>
Expand Down
4 changes: 2 additions & 2 deletions src/components/index/GettingStarted.js
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@ const features = [
img: <img src={TryIt} alt="Try it" />,
title: "Try it",
paragraphs: [<>
Eclipse Theia is a framework for building tools and IDEs. You can try it by <a href="https://theia-ide.org/docs/composing_applications/">building your own IDE/tools based on Theia</a> within minutes. Alternatively, you can <a href="https://theia-ide.org/docs/blueprint_download/">download and try Theia Blueprint</a>, a template tool based on Eclipse Theia or <a href="https://try.theia-cloud.io/">try it online</a>.
Eclipse Theia is a framework for building tools and IDEs. You can try it by <a href="https://theia-ide.org/docs/composing_applications/">building your own IDE/tools based on Theia</a> within minutes. Alternatively, you can <a href="#theiaide">download and use the Theia IDE</a>, a template tool based on Eclipse Theia or <a href="https://try.theia-cloud.io/">try it online</a>.
</>]
},
{
Expand Down Expand Up @@ -72,7 +72,7 @@ const features = [
const GettingStarted = () => (
<StyledFeatures>
<section className="row features" id="gettingstarted">
<h3 className="heading-tertiary">Getting started with Eclipse Theia</h3>
<h3 className="heading-tertiary">Getting started with the Eclipse Theia Platform</h3>
<div className="feature__container">
{features.map(
(feature, i) => <Feature key={`${i}+${feature.title}`} {...feature} />
Expand Down
30 changes: 4 additions & 26 deletions src/components/index/Header.js
Original file line number Diff line number Diff line change
Expand Up @@ -95,38 +95,16 @@ const Header = () => (
<iframe title="Github Star Count" className="header__github-button" src="https://ghbtns.com/github-btn.html?user=eclipse-theia&repo=theia&type=star&count=true" frameBorder={0} scrolling={0} />
<iframe title="Github Fork Count" className="header__github-button" src="https://ghbtns.com/github-btn.html?user=eclipse-theia&repo=theia&type=fork&count=true" frameBorder={0} scrolling={0} />
</div>
<div className="header__banner">
<a href="https://events.eclipse.org/2023/theiacon/">
<img className="banner__image" src={TheiaConLogo}></img>
</a>
<h1 style={{ fontSize: '2.2rem' }}>
<a href="https://events.eclipse.org/2023/theiacon/">TheiaCon 2023</a> is approaching! | VIRTUAL EVENT | November 15 - 16, 2023 |
Get registered for the largest Theia event of the year!
</h1>
<div className="header__buttons">
<a className="btn btn--cta" href="https://events.eclipse.org/2023/theiacon/" rel="noopener">
Get registered
</a>
</div>
</div>
<div className="header__buttons">
<a className="btn" href="https://github.com/eclipse-theia/theia" target="_blank" rel="noopener noreferrer">Theia Platform (you want to build a tool)</a>
<a className="btn btn--cta" href="https://try.theia-cloud.io/" rel="noopener">Theia IDE (you want to use an IDE)</a>
</div>
<h1 className="heading-primary">
The Eclipse Theia Platform
</h1>
<h2 style={{ fontSize: '2.1rem' }}>
Efficiently develop and deliver Cloud & Desktop IDEs and tools with modern web technologies.
<br/>
<a href="https://eclipsesource.com/blogs/2023/11/02/eclipse-theia-1-43-release-news-and-noteworthy/" rel="noopener noreferrer">Learn about the latest 1.43 Release</a> and <a href="https://eclipsesource.com/blogs/2023/09/15/the-eclipse-theia-community-release-2023-08/">the latest Community Release (2023-08)</a>.
<br/>
Stay up-to-date: <a href="https://twitter.com/theia_ide">follow us on Twitter</a> and <a href="https://accounts.eclipse.org/mailing-list/friends-of-theia">register to the "Friends of Theia" mailing list</a>.
An Open, Flexible and Extensible Cloud & Desktop IDE Platform Efficiently develop and deliver Cloud & Desktop IDEs and tools with modern web technologies. The <a href="#theiaide"><b>Theia IDE</b></a> is a standard IDE built on the Theia Platform.
</h2>
<div className="header__buttons">
<a className="btn" href="https://github.com/eclipse-theia/theia" target="_blank" rel="noopener noreferrer">View on GitHub</a>
<a className="btn btn--cta" href="https://try.theia-cloud.io/" rel="noopener">Try online &nbsp;&nbsp;&rarr;</a>
<a className="btn btn--cta" href="/docs/blueprint_download/" rel="noopener">Try on desktop &nbsp;&nbsp;&rarr;</a>
<a className="btn" href="#gettingstarted" target="_blank" rel="noopener noreferrer">Get started with the Theia Platform</a>
<a className="btn btn--cta" href="https://try.theia-cloud.io/" rel="noopener">Try Theia IDE online</a>
<a style ={{backgroundColor: "#0B5394", borderColor: "#0B5394"}} className="btn btn--cta" href="#theiaide" rel="noopener">Get Theia IDE for desktop</a>
</div>
</div>
<div className="header__banner">
Expand Down
100 changes: 0 additions & 100 deletions src/components/index/Promo.js

This file was deleted.

120 changes: 120 additions & 0 deletions src/components/index/TheiaIDEDownloads.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,120 @@
/********************************************************************************
* Copyright (C) 2020 TypeFox and others.
*
* This program and the accompanying materials are made available under the
* terms of the Eclipse Public License v. 2.0 which is available at
* http://www.eclipse.org/legal/epl-2.0.
*
* This Source Code may also be made available under the following Secondary
* Licenses when the conditions for such availability set forth in the Eclipse
* Public License v. 2.0 are satisfied: GNU General Public License, version 2
* with the GNU Classpath Exception which is available at
* https://www.gnu.org/software/classpath/license.html.
*
* SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
********************************************************************************/

import Background from '../../resources/background-image.png'
import DocImage from '../DocImage'
import Nav from '../Nav'
import React from 'react'
import TheiaLogoDark from '../../resources/theia-logo-dark.svg'
import TheiaConLogo from '../../resources/theiacon-logo.svg'
import { breakpoints } from '../../utils/variables'
import styled from '@emotion/styled'

const StyledHeader = styled.div`
.header {
position: relative;
background-image: url(${Background});
background-size: cover;
background-repeat: no-repeat;
border-bottom: 10px solid #f8f8f8;
@media(max-width: ${breakpoints.xmd}) {
padding-top: 15rem;
}
&__logo-box {
margin-bottom: 3rem;
}
&__logo {
height: 3rem;
}
.banner__image {
height: 15rem;
}
&__banner {
padding: 15px;
text-align: center;
}
h1 {
margin-bottom: 1rem;
font-size: 2.2rem;
}
.btn {
max-width: 21rem;
@media(max-width: 385px) {
&:not(:last-child) {
margin-right: 0;
}
}
@media(max-width: 800px) {
&:not(:last-child) {
margin-right: 2rem;
}
}
}
&__github-details {
position: absolute;
top: 10rem;
right: 2rem;
}
&__buttons {
display:flex;
justify-content: space-evenly;
align-items: center;
text-align: center;
padding: 3rem 10vw;
@media(max-width: 800px){
padding: 3rem 0;
}
}
iframe {
height: 2.5rem;
width: 12rem;
}
}
`

const TheiaIDEDownloads = () => (
<StyledHeader>
<div id="theiaidedownload" className="row">
<h1 >
Download Theia IDE
</h1>

NOTE: The Eclipse Theia IDE is currently in beta. While we are continuing to make improvements and add functionality, we welcome and value your feedback (see below).

<div className="header__buttons">
<a className="btn btn--cta" href="https://www.eclipse.org/downloads/download.php?file=/theia/latest/windows/TheiaBlueprint.exe&r=1" rel="noopener">Windows (latest)</a>
<a className="btn btn--cta" href="https://www.eclipse.org/downloads/download.php?file=/theia/latest/linux/TheiaBlueprint.AppImage&r=1" rel="noopener">Linux (latest)</a>
<a className="btn btn--cta" href="https://www.eclipse.org/downloads/download.php?file=/theia/latest/macos/TheiaBlueprint.dmg&r=1" rel="noopener">MacOS (latest)</a>
</div>

<center>
You can also <a href="https://try.theia-cloud.io/">try the latest version of the Theia IDE online</a>. The online test version is limited to 30 minutes per session and hosted via <a href="https://github.com/eclipsesource/theia-cloud">Theia.cloud</a>.
</center>
<br></br>
</div>
<div className="row">
<h1>Feature Requests and Bug Reports</h1>
Help us make the Theia IDE even better, by sharing your experience and suggestions <a href="https://github.com/eclipse-theia/theia/discussions">here</a>.
The features found in the Eclipse Theia IDE are based on Eclipse Theia and the available extensions/plugins. For more details please see the <a href="https://github.com/eclipse-theia/theia">Eclipse Theia GitHub Repository</a>. The Eclipse Theia IDE only packages existing Eclipse Theia functionality and installers. If you believe there is a mistake in packaging, something needs to be added to the packaging or the installers do not work properly, please <a href="https://github.com/eclipse-theia/theia-blueprint/issues/new/choose">open an issue on GitHub</a> to let us know.
<h1>Support</h1>
Need help with Theia? To get support by the community go to the <a href="https://community.theia-ide.org/">Discourse Theia forum</a> or the <a href="https://github.com/eclipse-theia/theia/discussions">Discussions at GitHub</a>. To get professional support for Theia see the <a href="http://localhost:8000/support/">support page</a>.
</div>

</StyledHeader>
)

export default TheiaIDEDownloads
Loading

0 comments on commit a14151f

Please sign in to comment.