-
-
Why choose TreePPL?
-
- TreePPL expresses models as computer programs that generate simulations based on input data. Specialized inference machinery then estimate posterior probability distributions for the program.
-
-
- This approach lets users focus on model description while getting inference automatically.
-
-
- The modeling language is designed to feel familiar to R and Python users and employs a functional programming style that works well with generic inference algorithms. Users can conveniently compile and run model programs from Python or R environments, which handle pre-processing, data input, inference control, and output processing.
-
+
+
+
+
Why TreePPL?
+
+
Flexible modeling
+
Express any model of interest using a powerful programming language
+
+
+
Easy-to-use interfaces
+
Import data and analyze results using R or Python interfaces with Jupyter support
+
+
+
Powerful inference
+
Select from a range of built-in strategies or develop your own
+
+
+
Extensive libraries
+
Develop models faster using the code and model libraries
+
+
+
+
+
+ {highlightCode(treepplCode)}
+
+
);
};
-
-
export default LandingpageText;
-
diff --git a/src/css/custom.css b/src/css/custom.css
index 2ac7664..fa6a6bd 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -43,9 +43,13 @@
font-family: DIN, sans-serif;
+ --ifm-navbar-background-color: #7a7455;
+ --ifm-navbar-link-color: #ffffff;
+ --ifm-navbar-link-hover-color: rgba(255, 255, 255, 0.75);
}
[data-theme='dark'] {
+ --ifm-navbar-background-color: #000000;
--ifm-color-primary: #25c2a0;
--ifm-color-primary-dark: #21af90;
--ifm-color-primary-darker: #1fa588;
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
index 3f1c9e1..64b5cc1 100644
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -4,22 +4,29 @@
*/
.heroBanner {
- padding: 7.5rem 0;
+ padding: 6rem 0;
text-align: center;
position: relative;
overflow: hidden;
- background-image: url("/img/treebk4_green_light.png");
+ background-image: url("/img/forrest.jpg");
background-repeat: no-repeat;
background-position: center;
+ background-size: cover;
background-color: transparent;
- color: rgb(8, 8, 8);
+ color: white;
font-weight: normal;
- /* text-shadow: 1px 1px 4px black, -1px -1px 4px black, 1px -1px 4px black, -1px 1px 4px black; */
+}
+
+.heroBanner :global(.container) {
+ background: rgba(0, 0, 0, 0.45);
+ border-radius: 8px;
+ padding: 2rem 3rem;
+ display: inline-block;
}
@media screen and (max-width: 966px) {
.heroBanner {
- padding: 2rem;
+ padding: 1.6rem;
}
}
diff --git a/static/img/forrest.jpg b/static/img/forrest.jpg
new file mode 100644
index 0000000..397658f
Binary files /dev/null and b/static/img/forrest.jpg differ