letswritetw

// 2. onclick事件
$(function() {
  $(".js-fbshare").each(function() {
    $(this).on("click", function(e) {
      e.preventDefault();
      
      var card = $(this).closest(".card");
      
      FB.ui({
        method: "share_open_graph",

letswritetw

.lazy-image
  text-align: center
  
  // img 先把透明度調成 0，才有淡入的效果
  img
    opacity: 0
    transition: opacity 1s linear
  
  // 將區塊等比例撐開
  .small

letswritetw

<!-- 16:9 -->
<div class="lazy-image w16-9">
  <figure>
    <!--
      .js-get-img 用js抓原始大圖資訊
      style 裡的 background-image 放 placeholder 作用的小圖
      data-img 放原始大圖的路徑
    -->
    <div
      class="small js-get-img"

letswritetw

$(window).on('load', () => {
  // 自由尺寸，先處理 padding-bottom
  if($('.w-free').length > 0) {
    $('.w-free').each(function() {
      const w = $(this).find('.js-get-img').data('width'),
            h = $(this).find('.js-get-img').data('height'),
            pd = (h / w) * 100;
      $(this).find('.js-get-img').css('paddingBottom', pd + '%');
    });
  }

letswritetw

// 看到所有接了GCP的專案
gcloud config configurations list

// [NAME]替換成專案的名字
gcloud config configurations activate [NAME]

// 看所有config的指令碼
gcloud config configurations --help

letswritetw

{
  "name": "gcp-test",
  "version": "1.0.0",
  "description": "",
  "main": "app.js",
  "scripts": {
    "start": "node NAME.js"
  },
  "author": "",
  "license": "ISC",

letswritetw

// 引用express、path
const express = require('express');
const app = express();
const path = require('path');

// port的部份
const PORT = process.env.PORT || 8080;
app.listen(PORT);

// 開放的靜態檔放在public的資料夾裡

letswritetw

[
    {
        "id": "JakeWilson.vscode-cdnjs",
        "name": "vscode-cdnjs",
        "publisher": "JakeWilson",
        "version": "0.14.3"
    },
    {
        "id": "QassimFarid.ejs-language-support",
        "name": "ejs-language-support",

letswritetw

[
    {
        "id": "A-Hjerpe.hacky-es6-template-strings",
        "name": "hacky-es6-template-strings",
        "publisher": "A-Hjerpe",
        "version": "0.0.3"
    },
    {
        "id": "alefragnani.project-manager",
        "name": "project-manager",

letswritetw

.btn-linear
  position: relative
  &::after
    content: ''
    position: absolute
    top: 0
    right: 0
    bottom: 0
    left: 0
    z-index: -1