Skip to content

Commit 25906b3

Browse files
m-kesselm-kessel
committed
updated web
1 parent fab244a commit 25906b3

71 files changed

Lines changed: 237 additions & 183 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎lasso/src/components/HomepageFeatures/index.tsx‎

Lines changed: 23 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import clsx from 'clsx';
22
import Heading from '@theme/Heading';
33
import styles from './styles.module.css';
4+
import CodeBlock from '@theme/CodeBlock';
45

56
type FeatureItem = {
67
title: string;
@@ -11,6 +12,26 @@ type FeatureItem = {
1112
};
1213

1314
const FeatureList: FeatureItem[] = [
15+
// {
16+
// title: 'Try LASSO now!',
17+
// //Svg: require('@site/static/img/undraw_services_re_hu5n.svg').default,
18+
// image: 'img/features/services.png',
19+
// description: (
20+
// <>
21+
// <div >
22+
// <p>Run the following two commands in a local directoy on your local machine (requires <a href="https://docs.docker.com/compose/">docker compose</a>):</p>
23+
// <CodeBlock
24+
// language="bash">
25+
// {`curl https://raw.githubusercontent.com/SoftwareObservatorium/lasso/refs/heads/develop/docker/compose/docker-compose-embedded.yml -o docker-compose.yml
26+
// docker compose up
27+
// `}
28+
// </CodeBlock>
29+
// <p>Then open LASSO's dashboard <a href="http://localhost:10222/webui/">http://localhost:10222/webui/</a> (login: admin / admin123)</p>
30+
// </div>
31+
// </>
32+
// ),
33+
// position: false,
34+
// },
1435
{
1536
title: 'Test-Driven Software Experimentation with LSL',
1637
//Svg: require('@site/static/img/undraw_services_re_hu5n.svg').default,
@@ -70,8 +91,9 @@ function Feature({title, image, description, position}: FeatureItem) {
7091
<div className={clsx('col col--6')}>
7192
<div className="text--center">
7293
<Heading as="h3">{title}</Heading>
73-
<p>{description}</p>
94+
7495
</div>
96+
{description}
7597
</div>
7698
);
7799

‎lasso/src/pages/index.tsx‎

Lines changed: 94 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -12,10 +12,12 @@ import CardBody from '../components/SimpleCard/CardBody';
1212
import CardFooter from '../components/SimpleCard/CardFooter';
1313
import CardImage from '../components/SimpleCard/CardImage';
1414

15+
import CodeBlock from '@theme/CodeBlock';
16+
1517
import CookieConsent from "react-cookie-consent";
1618

1719
function HomepageHeader() {
18-
const {siteConfig} = useDocusaurusContext();
20+
const { siteConfig } = useDocusaurusContext();
1921
const recentPosts = require("../../.docusaurus/docusaurus-plugin-content-blog/default/blog-post-list-prop-default.json");
2022

2123
return (
@@ -24,68 +26,68 @@ function HomepageHeader() {
2426
<div className="container">
2527
<div className="row">
2628
<div className="col col--4">
27-
<div className="container">
28-
<img src="img/lasso_logo_trans.png" className={clsx(styles.logo)}></img>
29+
<div className="container">
30+
<img src="img/lasso_logo_trans.png" className={clsx(styles.logo)}></img>
2931

30-
</div>
32+
</div>
3133
</div>
3234
<div className="col col--4">
33-
<Heading as="h1" className="hero__title">
34-
{siteConfig.title}
35-
</Heading>
36-
<p className="hero__subtitle">{siteConfig.tagline}</p>
37-
<div className={styles.buttons}>
38-
<div className="button-group button-group--block">
39-
<Link
40-
className="button button--secondary button--lg"
41-
to="/hub">
42-
Explore Pipelines 🧪
43-
</Link>
44-
<Link
45-
className="button button--secondary button--lg"
46-
to="/docs/intro">
47-
Documentation 📖
48-
</Link>
49-
<Link
50-
className="button button--secondary button--lg"
51-
to="/about">
52-
What is LASSO ❔
53-
</Link>
54-
</div>
55-
</div>
35+
<Heading as="h1" className="hero__title">
36+
{siteConfig.title}
37+
</Heading>
38+
<p className="hero__subtitle">{siteConfig.tagline}</p>
39+
<div className={styles.buttons}>
40+
<div className="button-group button-group--block">
41+
<Link
42+
className="button button--secondary button--lg"
43+
to="/hub">
44+
Explore Pipelines 🧪
45+
</Link>
46+
<Link
47+
className="button button--secondary button--lg"
48+
to="/docs/intro">
49+
Documentation 📖
50+
</Link>
51+
<Link
52+
className="button button--secondary button--lg"
53+
to="/about">
54+
What is LASSO ❔
55+
</Link>
56+
</div>
57+
</div>
5658
</div>
5759
<div className="col col--4">
58-
<div className="container padding--lg">
59-
<Card shadow='tl' >
60-
<CardHeader style={{ backgroundColor: '#ffffff' , color:'black'}} className='text--center'>
61-
<h3>Recent Blog Posts</h3>
62-
</CardHeader>
63-
64-
<CardBody style={{ backgroundColor: '#ffffff' , color:'black'}} className='text--center'>
65-
<div className="container">
66-
<div className="row">
67-
<ul>
60+
<div className="container padding--lg">
61+
<Card shadow='tl' >
62+
<CardHeader style={{ backgroundColor: '#ffffff', color: 'black' }} className='text--center'>
63+
<h3>Recent Blog Posts</h3>
64+
</CardHeader>
65+
66+
<CardBody style={{ backgroundColor: '#ffffff', color: 'black' }} className='text--center'>
67+
<div className="container">
68+
<div className="row">
69+
<ul>
6870
{recentPosts.items.slice(0, 2).map((item, index) => (
6971
<li key={index}>
7072
<a href={`${item.permalink}`}>{item.title}</a>{" "}
7173
</li>
7274
))}
73-
</ul>
74-
</div>
75-
</div>
76-
</CardBody>
75+
</ul>
76+
</div>
77+
</div>
78+
</CardBody>
7779

7880

79-
<CardFooter style={{ backgroundColor: '#ffffff' , color:'black'}} className='text--center'>
80-
<Link
81-
className="button button--secondary"
82-
to="/blog">
83-
All Posts
84-
</Link>
85-
</CardFooter>
81+
<CardFooter style={{ backgroundColor: '#ffffff', color: 'black' }} className='text--center'>
82+
<Link
83+
className="button button--secondary"
84+
to="/blog">
85+
All Posts
86+
</Link>
87+
</CardFooter>
8688

87-
</Card>
88-
</div>
89+
</Card>
90+
</div>
8991
</div>
9092
</div>
9193
</div>
@@ -94,7 +96,7 @@ function HomepageHeader() {
9496
}
9597

9698
export default function Home(): JSX.Element {
97-
const {siteConfig} = useDocusaurusContext();
99+
const { siteConfig } = useDocusaurusContext();
98100

99101
return (
100102
<Layout
@@ -104,28 +106,57 @@ export default function Home(): JSX.Element {
104106
<main>
105107
<section className={clsx(styles.screenshotcontents)}>
106108
<div className="container padding--sm">
107-
<div className="row">
108-
<div className="col col--4 padding--sm text--center">
109-
{/* <Card shadow='tl' >
109+
<div className="row">
110+
<div className="col col--4 padding--sm text--center">
111+
{/* <Card shadow='tl' >
110112
<CardImage cardImageUrl="img/screens/quickstart_results.png" className="" alt={''} title={''} />
111113
</Card> */}
112-
<a target="_blank" href="img/screens/quickstart_results.png"><img className={clsx(styles.screenshot)} src="img/screens/quickstart_results.png"></img></a>
113-
</div>
114-
<div className="col col--4 padding--sm text--center">
115-
{/* <Card shadow='tl' >
114+
<a target="_blank" href="img/screens/quickstart_results.png"><img className={clsx(styles.screenshot)} src="img/screens/quickstart_results.png"></img></a>
115+
</div>
116+
<div className="col col--4 padding--sm text--center">
117+
{/* <Card shadow='tl' >
116118
<CardImage cardImageUrl="img/screens/quickstart_results_filters.png" className="" alt={''} title={''} />
117119
</Card> */}
118-
<a target="_blank" href="img/screens/quickstart_results_filters.png"><img className={clsx(styles.screenshot)} src="img/screens/quickstart_results_filters.png"></img></a>
119-
</div>
120-
<div className="col col--4 padding--sm text--center">
121-
{/* <Card shadow='tl' >
120+
<a target="_blank" href="img/screens/quickstart_results_filters.png"><img className={clsx(styles.screenshot)} src="img/screens/quickstart_results_filters.png"></img></a>
121+
</div>
122+
<div className="col col--4 padding--sm text--center">
123+
{/* <Card shadow='tl' >
122124
<CardImage cardImageUrl="img/screens/quickstart_jupyterlab.png" className="" alt={''} title={''} />
123125
</Card> */}
124-
<a target="_blank" href="img/screens/quickstart_jupyterlab.png"><img className={clsx(styles.screenshot)} src="img/screens/quickstart_jupyterlab.png"></img></a>
126+
<a target="_blank" href="img/screens/quickstart_jupyterlab.png"><img className={clsx(styles.screenshot)} src="img/screens/quickstart_jupyterlab.png"></img></a>
127+
</div>
128+
129+
125130
</div>
126131
</div>
132+
133+
</section>
134+
135+
<section>
136+
<div className="row margin--lg padding--lg shadow--md">
137+
<div className="container">
138+
<div className="row">
139+
<div className={clsx('col col--12')}>
140+
<div className="text--center">
141+
<Heading as="h3">Try LASSO Now!</Heading>
142+
</div>
143+
<div>
144+
<p>To get started, run the following two commands in a local directory on your machine (requires <a href="https://docs.docker.com/compose/">docker compose</a>):</p>
145+
<CodeBlock
146+
language="bash">
147+
{`curl https://raw.githubusercontent.com/SoftwareObservatorium/lasso/refs/heads/develop/docker/compose/docker-compose-embedded.yml -o docker-compose.yml
148+
docker compose up
149+
`}
150+
</CodeBlock>
151+
<p>Wait until all services started (LASSO platform, Code Search Index and Artifact Repository) and then open LASSO's dashboard at <a href="http://localhost:10222/webui/">http://localhost:10222/webui/</a> (login: admin / admin123)</p>
152+
</div>
153+
</div>
154+
</div>
127155
</div>
156+
</div>
157+
128158
</section>
159+
129160
<HomepageFeatures />
130161
<CookieConsent>This website uses cookies to enhance the user experience.</CookieConsent>
131162
</main>

‎web/404.html‎

Lines changed: 2 additions & 2 deletions
Large diffs are not rendered by default.

‎web/about/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,8 @@
55
<meta name="generator" content="Docusaurus v3.4.0">
66
<title data-rh="true">About LASSO | LASSO</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:image" content="https://softwareobservatorium.github.io/web/img/docusaurus-social-card.jpg"><meta data-rh="true" name="twitter:image" content="https://softwareobservatorium.github.io/web/img/docusaurus-social-card.jpg"><meta data-rh="true" property="og:url" content="https://softwareobservatorium.github.io/web/about"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" property="og:title" content="About LASSO | LASSO"><meta data-rh="true" name="description" content="Team / Authors"><meta data-rh="true" property="og:description" content="Team / Authors"><link data-rh="true" rel="icon" href="/web/img/favicon.ico"><link data-rh="true" rel="canonical" href="https://softwareobservatorium.github.io/web/about"><link data-rh="true" rel="alternate" href="https://softwareobservatorium.github.io/web/about" hreflang="en"><link data-rh="true" rel="alternate" href="https://softwareobservatorium.github.io/web/about" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/web/blog/rss.xml" title="LASSO RSS Feed">
77
<link rel="alternate" type="application/atom+xml" href="/web/blog/atom.xml" title="LASSO Atom Feed"><link rel="stylesheet" href="/web/assets/css/styles.0cf5414e.css">
8-
<script src="/web/assets/js/runtime~main.c1644c03.js" defer="defer"></script>
9-
<script src="/web/assets/js/main.ebef9f7e.js" defer="defer"></script>
8+
<script src="/web/assets/js/runtime~main.2607140b.js" defer="defer"></script>
9+
<script src="/web/assets/js/main.6b10e272.js" defer="defer"></script>
1010
</head>
1111
<body class="navigation-with-keyboard">
1212
<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const n=new URLSearchParams(window.location.search).entries();for(var[t,e]of n)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><script>!function(){try{let e="";const t=localStorage.getItem("mui-mode")||"system",o=localStorage.getItem("mui-color-scheme-dark")||"dark",c=localStorage.getItem("mui-color-scheme-light")||"light";if("system"===t){e=window.matchMedia("(prefers-color-scheme: dark)").matches?o:c}"light"===t&&(e=c),"dark"===t&&(e=o),e&&document.documentElement.setAttribute("data-color-scheme",e)}catch(e){}}()</script><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/web/"><div class="navbar__logo"><img src="/web/img/lasso_logo_trans.png" alt="LASSO Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/web/img/lasso_logo_trans.png" alt="LASSO Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div><b class="navbar__title text--truncate">LASSO</b></a><a class="navbar__item navbar__link" href="/web/docs/intro">Documentation</a><a class="navbar__item navbar__link" href="/web/hub">TDSEHub (Pipelines)</a><a class="navbar__item navbar__link" href="/web/labs">Labs (Playground)</a><a class="navbar__item navbar__link" href="/web/blog">Blog</a><a class="navbar__item navbar__link" href="/web/research/intro">Research</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/SoftwareObservatorium/lasso" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_Bca1"></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><main class="container container--fluid margin-vert--lg"><div class="row mdxPageWrapper_j9I6"><div class="col col--8"><article><h1>About LASSO</h1>

0 commit comments

Comments
 (0)