Craig Shoemaker craigshoemaker

Branding guidelines for Azure Container Apps

The service name is "Azure Container Apps", so that means there is no such thing as the following:
- Azure Container App / Container App (title case, singular)
- Container app (mixed case, singular)
A single instance is referenced as a "container app" (no caps), as that is not a branded term.
"ACA" is internal shorthand and must not appear in the docs.

Branding guidelines for Azure Functions

The service name is "Azure Functions" (plural), so that means there is no such thing as an "Azure Function" (singular).
Single instances may be referenced as:
- a "functions app", representing an app with many one or more functions
- a "function", represents a single function in a Functions app

The Cloud Style Guide provides additional detail.

Branding guidelines for Azure Static Web Apps

The service name is "Azure Static Web Apps", so that means there is no such thing as an "Azure Static Web App" or "Static Web App" (singular).
A single instance may be referenced as a "static web app" (no caps), as that is not a branded term.
Using "Static Web Apps" as the service name after declaring "Azure Static Web Apps" used once on the page is acceptable.
Always spell out the name; don't use an acronym or abbreviation.

Examples

After you deploy your static web app, you may want to update some of the configuration settings.

Craig Shoemaker is a Senior Content Developer for Microsoft on the Azure Container Apps and Azure Static Web Apps teams. On some days he's building internal tools to keep Microsoft employees productive, and others days creating guidance used by hundreds of thousands of developers.

Additionally, Craig is a best selling Pluralsight author and co-host of the Web Rush podcast.

You can reach Craig on Twitter at @craigshoemaker or join the conversation at Web Rush https://webrush.io.

	(function() {

	let css = [];
	css.push('.new-doc {background:#fee1ff; padding: 2px }');
	css.push('.wishlist {border: solid 2px #509c6b;margin-top:2px;}');
	css.push('.updates {border: solid 2px #c019c4; margin-top: 2px;}');

	let style = document.getElementsByTagName('style')[1];
	style.type = 'text/css';
	style.appendChild(document.createTextNode(css.join('\n')));

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Order \| Bethany's Pie Shop</title>
	<link rel="stylesheet" href="site.css" type="text/css" />
	<style>
	@media only screen and (min-width: 768px) {

	module.exports = function (context, req) {

	var response = {
	status: 200,
	headers: { "Content-Type": "application-json" }
	};

	if (req.query.id \|\| req.body && req.body.id) {

	var bookmark = context.bindings.bookmark;

	const through = require('through2');
	const uuidV4 = require('uuid/v4');

	module.exports = () => {
	return through.obj(function (file, encoding, next) {

	this.push({
	id: uuidV4(),
	body: file.contents.toString(encoding)
	});

	const si = require('search-index');
	const stream = require('stream');

	const topics = [
	`Title for File 1 \n A long time ago, in a galaxy far far way...`,
	`Title for File 2 \n Once upon a time there was a beautiful princess...`,
	`Title for File 3 \n It was the best of times, it was the worst of times...`,
	`Title for File 4 \n There once was a Prince and a frog...`,
	`Title for File 5 \n In a galaxy with princes, princesses, frogs and times, we at chocolate.`
	];


	// from: https://docs.angularjs.org/guide/controller

	myApp.controller('GreetingController', ['$scope', function($scope) {
	$scope.greeting = 'Hola!';
	}]);