diff --git a/_layouts/default.html b/_layouts/default.html index 2b364a9..5a05392 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -1,134 +1,150 @@ - - - + + - - - {{ page.title }} – {{ site.title }} + + + {{ page.title }} – {{ site.title }} - - + + - - - + + + - - - - - - + + + + + + - + - + - - - - - - - - + + + + + -
+ - + -
+
- + - -
+
-
+
-{% if page.layout != "home" %} -
-{% endif %} +
-{{ content }} + {% if page.layout != "home" %} +
+ {% endif %} -{% if page.layout != "home" %} -
-{% endif %} + {{ content }} -
+ {% if page.layout != "home" %} +
+ {% endif %} - + + - + - + - + + - - + + - - + - - + \ No newline at end of file diff --git a/_layouts/home.html b/_layouts/home.html index 1045150..f493875 100755 --- a/_layouts/home.html +++ b/_layouts/home.html @@ -1,16 +1,46 @@ --- layout: default --- -
+
- +
-

The primary goals of Econ-ARK are to make entry into the world of economic modeling easy; to accelerate - the development of this kind of modeling for policy-making and academic research; and to increase the - openness, replicability, and interoperability of modeling tools.

+ + +
+
+
+
+

Welcome to Econ-ARK

+

The heart of Econ-ARK is making reproducible papers. The ARKitecture of Econ-ARK consists of a + code toolkit (HARK), demonstrations of using the toolkit (DemARK), and a App + Library replicating modeling results of published papers (REMARK). +

+

Read through the Quick Start Guide to + get up and running with HARK, or for developers the Contributing Guidelines.

+

+ + + + + +

+ +
+
+
+
+
@@ -18,77 +48,118 @@

Econ-ARK

-
+
+ +
+
+ + +
+ +
+
+ +
+ +
+
+
+ +
+ +
+
+ +
+

Code that solves models from the paper of Bayer and Luetikke, "Solving heterogeneous agent models + in discrete time with many idiosyncratic states by perturbation methods".

+
+

Lee; Park

+
+ +
+ +
+ +
+ +
+ + + + +
+ + + + +
+
+ +
+ +
-

HARK

+
+

HARK

+

Toolkit

+

Heterogeneous Agents Resources and toolKit

-

HARK is a toolkit for simplifying and speeding up the development of solutions and estimation methods for - new - models.

-

Econ-ARK has developed an open source repository of highly modular, easily interoperable code for solving, - simulating, and estimating dynamic economic models with heterogeneous agents.

+

Econ-ARK developed a highly modular & interoperable open source toolkit for + simulating, estimating and solving dynamic economic models with heterogeneous agents.

Introduction to HARK

-

DemARK

-

Demonstrations of tools, AgentTypes, and ModelClasses

+
+

REMARK

+

App Library

+
+

R[eplications/eproductions] and Explorations Made using ARK

-

DemARK contains a collection of code demonstrations to give you a feeling for how the code works and what - you - can do with it.

-

These demonstrations form a repository produced by Econ-ARK containing a series of Jupyter Notebooks for - demonstrating how to use material in the Econ-ARK.

+

REMARKs are self-contained code repositories that utilize HARK to reproduce calculations from papers and + projects.

-

DemARK Repository

+

REMARKs

-

REMARK

-

R[eplications/eproductions] and Explorations Made using ARK

+
+

OTHER

+

Teaching

+
+

Demonstrations of tools, AgentTypes, and ModelClasses

-

REMARKs are self-contained and complete projects that can be executed by anyone.

-

They include Explorations using HARK to demonstrate modelling ideas, Replications of important results of - published papers written using other tools, and Reproductions of all the code within a paper.

+

View the complete collection of our tools, materials, demonstrations, tutorials, blogs, assignments, + documentation, and teaching.

-

Materials Library

+

DemARK

-
-
-
-
-

Welcome to Econ-ARK

-

The heart of Econ-ARK is making reproducible papers. The ARKitecture of Econ-ARK consists of a code toolkit (HARK), demonstrations of using the toolkit (DemARK), and a Materials Library replicating modeling results of published papers (REMARK).

-

Read through the Quick Start Guide to get up and running with HARK, or for developers the Contributing Guidelines.

-

- - - - - -

-

- Econ-ARK Documentation - A Gentle Introduction to HARK - HARK GitHub -

-
-
-
-
+
-
+
-

Materials Library

-

The Materials Library is a single-source-of-truth for all Econ-ARK published and working materials. These include reproducible papers, examples, demonstrations, documentation, notebooks and teaching material.

+

Materials App Library

+

The Materials Library is a single-source-of-truth for all Econ-ARK published and working materials. These + include reproducible papers, examples, demonstrations, documentation, notebooks and teaching material.

@@ -98,7 +169,9 @@

Materials Library

  • Carroll

    • BufferStockTheory

    -

    This paper builds foundations for rigorous and intuitive understanding of 'buffer stock' saving models (Bewley (1977)-like models with a wealth target), pairing each theoretical result with quantitative illustrations. After describing...

    +

    This paper builds foundations for rigorous and intuitive understanding of 'buffer stock' + saving models (Bewley (1977)-like models with a wealth target), pairing each theoretical result with + quantitative illustrations. After describing...

    Beyond the streetlight

    -

    This repository provides an analysis of the trend in forecast errors made by the Tealbook/Greenbook(GB) and the Survey of Professional Forecasters(SPF) for measures of the unemployment rate and real growth...

    +

    This repository provides an analysis of the trend in forecast errors made by the + Tealbook/Greenbook(GB) and the Survey of Professional Forecasters(SPF) for measures of the unemployment rate + and real growth...

    -

    Consumer Spending during Unemployment: Positive and Normative Implications

    -

    Analysis of Models for "Consumer Spending During Unemployment- Positive and Normative Implications"

    +

    Consumer Spending during Unemployment: Positive and + Normative Implications

    +

    Analysis of Models for "Consumer Spending During Unemployment- Positive and Normative + Implications"

    -

    View all Materials

    +

    View all Apps

    -
    +
    \ No newline at end of file diff --git a/assets/sass/_main.scss b/assets/sass/_main.scss index 712fd79..2fb5dd4 100644 --- a/assets/sass/_main.scss +++ b/assets/sass/_main.scss @@ -9,6 +9,7 @@ body { background-color: #f7fafb; color: #444; font-size: 1rem; + background-color: $ark-footer; } em, @@ -53,32 +54,41 @@ pre { a, a:link, body a { - color: $ark-blue; + color: $ark-darkblue; transition: all 0.2s linear; text-decoration: none; font-weight: 500; - border-bottom: 2px solid $ark-blue; + border-bottom: 2px solid $ark-darkblue; padding-bottom: 0.1rem; } a:hover { - color: $ark-blue; - border-color: $ark-blue; + color: $ark-darkblue; + border-color: $ark-darkblue; text-decoration: none; } +.btn { + background-color: $ark-darkblue; + &:hover { + background-color: $ark-blue; + border-color: $ark-blue; + } +} + .link { margin:0; a { display: inline-block; color: inherit; - color: $ark-blue; + color: $ark-darkblue; text-decoration: none; - border: 2px solid $ark-blue; + border: 2px solid $ark-darkblue; padding: 0.25rem 0.5rem; &:hover { background-color: $ark-blue; + border-color: $ark-blue; color: #fff !important; } } @@ -87,13 +97,13 @@ a:hover { a.button { display: inline-block; color: inherit; - color: $ark-lightblue; + color: $ark-blue; text-decoration: none; - border: 2px solid $ark-lightblue; + border: 2px solid $ark-blue; padding: 0.25rem 0.5rem; &:hover { - background-color: $ark-lightblue; + background-color: $ark-blue; color: #fff !important; } } @@ -103,7 +113,7 @@ a.button { } .header { - background: $ark-blue; + background: $ark-darkblue; color: #fff; padding: 0.5rem 0; margin: 0 0 4rem 0; @@ -118,6 +128,7 @@ a.button { margin: 0; a { + text-decoration: none; img { width: 150px; } @@ -178,17 +189,17 @@ a.button { ul { li { a { - color: $ark-blue; + color: $ark-darkblue; border-bottom: 2px solid transparent; &:hover { - border-bottom: 2px solid $ark-blue; + border-bottom: 2px solid $ark-darkblue; } } &.active { a { - border-bottom: 2px solid $ark-blue; + border-bottom: 2px solid $ark-darkblue; } } } @@ -213,6 +224,8 @@ a.button { display: flex; align-items: center; } + + } .ark-parts { @@ -224,15 +237,29 @@ a.button { .part { font-size: 1.2rem; - border-color: $ark-lightblue; - color: $ark-lightblue; + border-color: $ark-pink; + color: $ark-pink; .title { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: flex-end; padding: 0 0 0.25rem 0; border-bottom-width: 2px; border-bottom-style: solid; border-color: inherit; margin: 0; + .heading { + margin:0; + padding:0; + line-height: 1; + } + .resource { + margin: 0; + padding:0; + text-transform: uppercase; + } } .subtitle { @@ -244,35 +271,35 @@ a.button { } .desc { - padding: 1.5rem 0; + padding: 0 0; color: #898989; } .link { a { color: inherit; - color: $ark-lightblue; + color: $ark-pink; text-decoration: none; - border: 2px solid $ark-lightblue; + border: 2px solid $ark-pink; padding: 0.25rem 0.5rem; &:hover { - background-color: $ark-lightblue; + background-color: $ark-pink; color: #fff !important; } } } &:nth-child(2) { - border-color: $ark-pink; - color: $ark-pink; + border-color: $ark-blue; + color: $ark-blue; .link a { - color: $ark-pink; - border-color: $ark-pink; + color: $ark-blue; + border-color: $ark-blue; &:hover { - background-color: $ark-pink; + background-color: $ark-blue; } } } @@ -300,9 +327,12 @@ a.button { background-color: #fff; a { - //color: $ark-blue; - color: $ark-lightblue; - border-color: $ark-lightblue; + color: $ark-blue; + border-color: $ark-blue; + &:hover { + color: $ark-darkblue; + border-color: $ark-darkblue; + } } .link { @@ -310,23 +340,35 @@ a.button { a { margin-top: 1rem; - color: $ark-lightblue; - border-color: $ark-lightblue; + color: $ark-blue; + border-color: $ark-blue; &:hover { - background-color: $ark-lightblue; + background-color: $ark-blue; } } } } +.home-search { + .form-label { + font-size: 1.5rem; + } + +} + .home-materials { + background-color: #ffffff; border-top: 1px solid #999; font-size: 1.2rem; - h2 a { - //color: $ark-lightblue; - //border-color: $ark-lightblue; + h2 { + a { + &:hover { + color: $ark-blue; + border-color: $ark-blue; + } + } } .link { @@ -335,10 +377,17 @@ a.button { } .footer { - padding: 5rem 0 4.5rem 0; - background-color: #1f476b0f; - margin: 4rem 0 0 0; - border-top: 1px solid $ark-blue; + padding: 6rem 0 4.5rem 0; + background-color: $ark-footer; + //margin: 4rem 0 0 0; + border-top: 1px solid $ark-grey; + a { + &:hover { + color: $ark-blue; + border-color: $ark-blue; + transition: all 0.2s linear; + } + } .sponsor { a { @@ -459,10 +508,13 @@ a.button { line-height: 1.5; a { text-decoration: none; - color: $ark-blue; + color: $ark-darkblue; + border-color: $ark-darkblue; &:hover { //text-decoration: underline; + color: $ark-blue; + border-color: $ark-blue; } } @@ -540,12 +592,16 @@ a.button { //min-width: 100px; text-align: center; line-height: 1; - background: $ark-blue; + background: $ark-darkblue; //background-color: #e2eef1; border-radius: 5px; font-weight: 500; color: #fff; cursor: pointer; + &:hover { + background-color: $ark-blue; + transition: all 0.2s linear; + } } @media (max-width: 1023px) { @@ -1009,7 +1065,7 @@ a.button { left: 0; width: 100vw; height: 100vh; - background-color: #1f476be6; + background-color: $ark-darkblue; animation: fadeIn 0.5s; &.show { @@ -1319,4 +1375,71 @@ a.button { h3 { page-break-after: avoid; } +} + + + + + +.bd-example { + position: relative; + font-size: 1.2rem; + padding: 1.5rem; + margin-right: 0; + margin-left: 0; + border-width: 1px; + border-top-left-radius: .25rem; + border-top-right-radius: .25rem; + margin: 1rem -.75rem 0; + border: 2px solid $ark-darkblue; + background: #fff; + //box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; + box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px; + //box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px; + + //border-left: 0.25rem #FCB040 solid; + border-radius: 10px; + .form-title { + color: $ark-darkblue; + } + .inputs { + + } + +} + + +//** DEMO HOME BROWSER **// + +.homeSearchInput { + position: relative; + .app-browser { + z-index: 999; + position: absolute; + left:0; + top:30px; + } +} + +.app-browser { + + background:#ffffff; + padding: 1rem 2rem; + position: absolute; + bottom:0; + left:0; + .app-item { + border:1px solid red; + .app-item-details { + .title { + + } + .abstract { + + } + .authors { + + } + } + } } \ No newline at end of file diff --git a/assets/sass/_variables.scss b/assets/sass/_variables.scss index 6d5b1d6..aeb2203 100755 --- a/assets/sass/_variables.scss +++ b/assets/sass/_variables.scss @@ -284,13 +284,15 @@ textarea { **/ // Colours -// $ark-blue: #3E8ACC; -$ark-blue: #1f476b; -$ark-lightblue: #00aeef; +$ark-blue: #00aeef; $ark-pink: #ed217c; $ark-green: #39b54a; $ark-yellow: #fcb040; + +$ark-navy: #3E8ACC; +$ark-darkblue: #1f476b; $ark-grey: #676470; +$ark-footer: #E9EFF2; // Fonts $font: 'Roboto', sans-serif;