diff --git a/_includes/header.html b/_includes/header.html index 5efa8ee76..3a66db32e 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -10,7 +10,7 @@ Home
  • - Examples + Plugins
  • Getting started diff --git a/_sass/_main.scss b/_sass/_main.scss index 39958284c..94c4fa3c3 100644 --- a/_sass/_main.scss +++ b/_sass/_main.scss @@ -306,17 +306,24 @@ p { .example-item { padding: 15px; - border: 1px solid #ccc; border-radius: 4px; + border:1px solid #ccc; + box-shadow: 0 1px 1px rgba(0,0,0,0.15); + margin-bottom:20px; } .example-item-description { - font-size: 14px; + font-size: 16px; line-height: 20px; color: #555; margin: 5px 0; } +.example-item-assumed-experience { + margin-top:15px; + font-size: 14px; + color: #555; +} .example-item-assumed-experience-badge { padding: 2px 4px; border-radius: 3px; @@ -325,13 +332,27 @@ p { } .example-item-links { - font-size: 14px; - line-height: 20px; - margin-top: 5px; + line-height: 16px; + margin-top: 20px; + border-top:1px solid #ddd; + a { + display:inline-block; + padding-top:15px; + } + a.github::before { + display: inline-block; + width:16px; + height:16px; + margin-right:7px; + background:url(https://github.com/favicon.ico) center no-repeat; + background-size: contain; + content: " "; + vertical-align: top; + } } .example-item-image { - height: 150px; + height: 170px; width: 100%; overflow: hidden; margin-bottom: 10px; diff --git a/examples/index.html b/examples/index.html index 5864863db..fde5d4c66 100644 --- a/examples/index.html +++ b/examples/index.html @@ -21,11 +21,11 @@ title: Examples
    - +
    -

    - {{ example.title }} +

    + {{ example.title }}

    @@ -40,7 +40,7 @@ title: Examples Annotated source - View on GitHub + View on GitHub
    diff --git a/images/examples-screencap-filters.png b/images/examples-screencap-filters.png index 7aa1cd88a..66d1a9eb9 100644 Binary files a/images/examples-screencap-filters.png and b/images/examples-screencap-filters.png differ diff --git a/images/examples-screencap-github-contact-card-section.png b/images/examples-screencap-github-contact-card-section.png index 8fb318bc2..b86999759 100644 Binary files a/images/examples-screencap-github-contact-card-section.png and b/images/examples-screencap-github-contact-card-section.png differ diff --git a/images/examples-screencap-phishing-detection.png b/images/examples-screencap-phishing-detection.png index b0de5c3fb..370afd11d 100644 Binary files a/images/examples-screencap-phishing-detection.png and b/images/examples-screencap-phishing-detection.png differ diff --git a/images/examples-screencap-send-availability.png b/images/examples-screencap-send-availability.png index 02806c9a7..d6e48f911 100644 Binary files a/images/examples-screencap-send-availability.png and b/images/examples-screencap-send-availability.png differ diff --git a/images/examples-screencap-translate.png b/images/examples-screencap-translate.png index b692fdea7..d460535aa 100644 Binary files a/images/examples-screencap-translate.png and b/images/examples-screencap-translate.png differ