Giter VIP home page Giter VIP logo

smi-spec.io's Introduction

โš ๏ธ This project is ARCHIVED. Learn more

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 main. (@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 main 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

adithyaakrishna avatar bridgetkromhout avatar chalin avatar dependabot[bot] avatar f5yacobucci avatar flynnduism avatar jessesuen avatar keithmattix avatar kevtainer avatar lachie83 avatar leecalcote avatar lucperkins avatar stephenatwell avatar tomkerkhove avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

smi-spec.io's Issues

text cut off at certain widths

Thanks for fixing the layout in #31, @flynnduism! A minor formatting issue remains; the blog index page has truncated text (look at the right margin) at any width:

Screen Shot 2020-04-10 at 7 33 13 AM

A blog entry in a moderately sized browser window has very large title text and has the body text cut off on the right margin:

Screen Shot 2020-04-10 at 7 33 44 AM

Meanwhile, a narrow viewport for the blog entries looks fine:

Screen Shot 2020-04-10 at 7 33 52 AM

This is visible for me both locally and in the PR for the draft blog post at #30.

Ecosystem logos

These are ecosystem logos for implementations, integrations, etc. Let's get members of the relevant projects to let us know if they want their logos to appear on https://smi-spec.io:
image

define process for adding blog posts

It's exciting to see the work people are doing in this space! In an initial discussion on Cloud Native Slack #smi, we talked about the goal of the blog: to share work happening in the SMI space.

We thought about rules for blog posts:

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

Some questions to consider:

  1. do we want blog posts to have the usual number of spec reviewers (two)?
  2. do we want to specify these reviewers should be from different employers?

Meshery logo colors are muted

Issue Description:
The Meshery logo on the smp-spec.io main page has dull colors. This must have occurred during an image resizing.

Proposed Fix:
Upload a fresh copy of the Meshery logo.

Blog Post: SMI Conformance

SMI Conformance tooling has landed and initial results are being published. A blog post explaining this tooling and conformance report is warranted.

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.