Skip to content

Commit

Permalink
our social is getting tight
Browse files Browse the repository at this point in the history
  • Loading branch information
@jdkunesh
jdkunesh committed Dec 3, 2020
1 parent b9c0c75 commit f1beac7
Show file tree
Hide file tree
Showing 4 changed files with 54 additions and 54 deletions.
9 changes: 5 additions & 4 deletions _config.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,15 +20,16 @@

title: Chicago Digital Services
description: >- # this means to ignore newlines until "baseurl:"
We deliver better services through community engagement and digital tools.
We deliver better services through community engagement and digital tools.
email: [email protected] # jdk::: this needs to be changed!
twitter_username: ChiDesignDir
twitter_username: ChiDesignDir # site twitter name
twitter_authorname: ChiDesignDir # default author name
github_username: Chicago
image_social: /img/public-mark/public-mark-social-share.png



url: "https://digital.chicago.gov/" # the base hostname & protocol for your site, e.g. http://example.com
url: "https://digital.chicago.gov" # the base hostname & protocol for your site, e.g. http://example.com
baseurl: "" # the subpath of your site, e.g. /blog

CDNurl: "https://webapps1.chicago.gov/cdn/" # the URL where common assets are located, like css files.
Expand Down
99 changes: 49 additions & 50 deletions _layouts/default.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,8 @@
---
{% assign title = page.title | default: site.title | escape %}
{% assign description = page.excerpt | default: site.description | strip_html | strip_newlines | truncate: 160 %}
{% assign author = page.author | default: site.twitter_authorname | escape %}

<!doctype html>
<html lang="en">
<head>
Expand All @@ -17,60 +19,57 @@
<!-- Datepicker -->
<link rel="stylesheet" href="{{ site.CDNurl }}{{ site.baseCDNurl }}css/datepicker.css" type="text/css" />
<link rel="stylesheet" href="{{ site.CDNurl }}{{ site.baseCDNurl }}css/datepicker-cds.css" type="text/css" />
<!-- FB -->


<meta property="og:site_name" content="{{ site.title }}">
<meta property="og:type" content="website" />
<meta property="og:url" content="{{ site.url }}" />
<meta property="og:title" content="{{ title }}" />
<meta property="og:description" content="{{ description }}" />
<meta property="og:image" content="{{ site.image_social }}" />
<!-- 1200x 628-900 (linked image 628, fb image 900, highlighted image 717) 2.7:1 or 16:9 event -->

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="{{ title }}" />
<meta property="twitter:description" content="{{ site.description }}" />
<meta property="twitter:image" content="{{ site.image_social }}" />
<meta name="twitter:url" content="https://www.popupmagazine.com/">

<meta property="og:url" content="{{ site.url }}" />
<meta property="og:description" content="{{ site.description }}" />
<!-- TWITTER -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@{{ site.twitter_username }}">
<meta name="twitter:title" content="{{ title }}" />
<meta property="twitter:description" content="{{ description }}" />
<meta property="twitter:image" content="full path of the thumbnail image" />
<!-- 1024 x 512 2:1/16:9 -->

{% comment %}

// Example socials

<!-- Add to homescreen for Chrome on Android -->
<meta name="mobile-web-app-capable" content="yes">
<meta name="application-name" content="Pop-Up Magazine">
<link rel="icon" sizes="32x32" href="/images/icons/icon-32x32.png">
<link rel="icon" sizes="192x192" href="/images/icons/chrome-touch-icon-192x192.png">

<link rel="shortcut icon" sizes="16x16" href="/images/icons/favicon.ico">
<link rel="shortcut icon" sizes="32x32" href="/images/icons/icon-32x32.png">

<!-- Add to homescreen for Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="Pop-Up Magazine">
<link rel="apple-touch-icon" href="/images/icons/apple-touch-icon.png">

<!-- Tile icon for Win8 (144x144 + tile color) -->
<meta name="msapplication-TileImage" content="/images/icons/ms-touch-icon-144x144-precomposed.png">
<meta name="msapplication-TileColor" content="#FFC900">

<!-- Color the status bar on Android -->
<meta name="theme-color" content="#FFC900">
<!--
a blend of FB & TW, see
// jdk::: see: https://developer.twitter.com/en/docs/twitter-for-websites/cards/guides/getting-started
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@nytimesbits" />
<meta name="twitter:creator" content="@nickbilton" />
<meta property="og:url" content="http://bits.blogs.nytimes.com/2011/12/08/a-twitter-for-my-sister/" />
<meta property="og:title" content="A Twitter for My Sister" />
<meta property="og:description" content="In the early days, Twitter grew so quickly that it was almost impossible to add new features because engineers spent their time trying to keep the rocket ship from stalling." />
<meta property="og:image" content="http://graphics8.nytimes.com/images/2011/12/08/technology/bits-newtwitter/bits-newtwitter-tmagArticle.jpg" />
<meta name="twitter:url" content="https://www.popupmagazine.com/">
<meta name="twitter:creator" content="@author/">
-->

<!-- Add to homescreen for Chrome on Android
<meta name="mobile-web-app-capable" content="yes">
<meta name="application-name" content="Pop-Up Magazine">
<link rel="icon" sizes="32x32" href="/images/icons/icon-32x32.png">
<link rel="icon" sizes="192x192" href="/images/icons/chrome-touch-icon-192x192.png">
<link rel="shortcut icon" sizes="16x16" href="/images/icons/favicon.ico">
<link rel="shortcut icon" sizes="32x32" href="/images/icons/icon-32x32.png">
-->
<!-- Add to homescreen for Safari on iOS
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="Pop-Up Magazine">
<link rel="apple-touch-icon" href="/images/icons/apple-touch-icon.png">
-->
<!-- Tile icon for Win8 (144x144 + tile color)
<meta name="msapplication-TileImage" content="/images/icons/ms-touch-icon-144x144-precomposed.png">
<meta name="msapplication-TileColor" content="#FFC900">
-->
<!-- Color the status bar on Android
<meta name="theme-color" content="#FFC900">
-->
<!-- 1200x 628-900 (linked image 628, fb image 900, highlighted image 717) 2.7:1 or 16:9 event -->

{% endcomment %}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@{{ site.twitter_username }}">
<meta name="twitter:creator" content="@{{ author }}/">
<meta property="og:site_name" content="{{ site.title }}">
<meta property="og:type" content="website" />
<meta property="og:url" content="{{ site.url }}" />
<meta property="og:title" content="{{ title }}" />
<meta property="og:description" content="{{ description }}" />
<meta property="og:image" content="{{ site.image_social | prepend: site.baseurl | prepend: site.url }}" />

<title>{{ title }}</title>

Expand Down
Binary file added img/.DS_Store
View file
Binary file not shown.
Binary file added img/public-mark/public-mark-social-share.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit f1beac7

Please sign in to comment.