Coder Social home page Coder Social logo

f5yacobucci / smi-spec.io Goto Github PK

View Code? Open in Web Editor NEW

This project forked from servicemeshinterface/smi-spec.io

0.0 1.0 0.0 2.31 MB

a simple website for smi-spec

Home Page: https://smi-spec.io

License: Apache License 2.0

HTML 5.95% JavaScript 0.02% SCSS 94.03%

smi-spec.io's Introduction

smi-github

A simple website for the SMI specification - smi-spec.io

Editing Content

smi-spec.io is a static site. The landing page content can be edited at themes/smi/layouts/index.html, and the rest under /content. Post, tag, and category taxonomy is available in Hugo should we want to expand in the future.

How to Add a Blog Post

If you'd like to submit an SMI-related blog post to the site, please follow these guidelines:

  1. Blog posts should be useful and informative for readers, who won't need to buy specific commercial offerings in order to learn something
  2. Blog posts do not need to exclusively cover open source software, but also should not be primarily product pitches
  3. Blog posts should disclose and link to the employer of the person writing the blog post

Blog posts are created via pull requests, and should be approved by two reviewers (at least one of whom should work for a different employer than the blog post submitter). You can test locally with hugo and/or see the preview after submitting the pull request.

Add a new file to the content/blog/ directory whose name is the published date and the title. The files must be markdown formatted. See the existing titles for examples of the format. Add the header meta-data to the file using this format (note the permalink structure). Recommended but optional fields are authorname which should be name(s); these are displayed verbatim. authorlink is the link used by authorname.

---
title: "A Fancy Title"
slug: "fancy-title"
authorname: "Captain Awesome"
authorlink: "https://example.com"
date: "2020-03-15T09:00:00+08:00"
---

Add the content below the --- as Markdown. The title does not need to be included in this section. Any images should be placed in the /content/blog/images/ directory. Images should be losslessly compressed to reduce their size. Tools, such as ImageOptim, can be used.

To summarize the content on the blog index page, insert a <!--more--> break in your markdown. This will truncate the content with a Read More link.

How to Add Your Logo

To add the logo of your company or organization to the landing page:

  1. Add your logo to the themes/smi/static/img/logos directory and name it logo-*.png where * is a slug for your org name (e.g. logo-acme.png).
  2. Add an entry to either the ecosystem or partners list in data/logos.yaml. Include the following information: an org title, a website URL, and the filename of the logo.

Site Development

Notes

  • built with the Hugo static site generator
  • custom smi theme uses Paper as a base, with Foundation on top and the SMI custom sass
  • deployed to Netlify via merges to master. (@flynnduism, @lachie83 and @bridgetkromhout are admins)
  • metrics tracked via Google Analytics

Install dependencies:

Run the site:

// rebuild the site (to compile latest css/js)
hugo

// or serve the site for local dev
hugo serve

Deploying the site:

The site auto deploys the master branch via Netlify. Once pull requests are merged the changes will appear at smi-spec.io after a couple of minutes. Check the logs for details.

Netlify Status

hugo serve will run the site locally at localhost:1313

Code of Conduct

Service Mesh Interface follows the CNCF Code of Conduct.

smi-spec.io's People

Contributors

bridgetkromhout avatar dependabot[bot] avatar flynnduism avatar jessesuen avatar kevtainer avatar lachie83 avatar lucperkins avatar tomkerkhove avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.