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
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
-
+
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