Skip to content

Commit

Permalink
🎨 Change overall project prefix to prevent ad-block interference.
Browse files Browse the repository at this point in the history
  • Loading branch information
@sebil
sebil committed Jan 31, 2019
1 parent 698e1e0 commit 43acf7c
Show file tree
Hide file tree
Showing 75 changed files with 1,304 additions and 1,304 deletions.
2 changes: 1 addition & 1 deletion MAINTENANCE.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@ The video ID (`npum8JsITQE` in the above example) will be extracted automaticall

**Stage**
```md
<section class="ad--stage ad--container-fluid">
<section class="ap--stage ap--container-fluid">
[stage format="websites|stories|ads|emails"]
## What is AMP?
# AMP is a web component framework for easily creating user first
Expand Down
36 changes: 18 additions & 18 deletions boilerplate/templates/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@
<link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" href="/favicons/apple-touch-startup-image-1496x2048.png">
<link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" href="/favicons/apple-touch-startup-image-1536x2008.png">
</head>
<body [class]=" 'ad--' + config.format" class="ad--{{#formats}}{{#default}}{{id}}{{/default}}{{/formats}}">
<body [class]=" 'ap--' + config.format" class="ap--{{#formats}}{{#default}}{{id}}{{/default}}{{/formats}}">
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
{{> 'logo.svg' }}
{{> 'angle-down-solid.svg' }}
Expand Down Expand Up @@ -121,14 +121,14 @@
}
</script>
</amp-animation>
<header class="ad--header ad--header-fixed">
<div class="ad-o-header">
<a class="ad-o-header-home" href="/boilerplate">
<svg class="ad-o-header-home-logo"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#logo"></use></svg>
<span class="ad-o-header-home-title">AMP</span> <span class="ad-o-header-home-sub-title">Boilerplate Generator</span>
<header class="ap--header ap--header-fixed">
<div class="ap-o-header">
<a class="ap-o-header-home" href="/boilerplate">
<svg class="ap-o-header-home-logo"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#logo"></use></svg>
<span class="ap-o-header-home-title">AMP</span> <span class="ap-o-header-home-sub-title">Boilerplate Generator</span>
</a>
<a class="ad-m-homepage-link" href="/">amp.dev
<svg class="ad-a-ico icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"></use></svg>
<a class="ap-m-homepage-link" href="/">amp.dev
<svg class="ap-a-ico icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"></use></svg>
</a>
</div>
</header>
Expand All @@ -137,11 +137,11 @@
<section class="config">
<h3>Select Format</h3>
<p>What do you want to build with AMP?</p>
<ul class="ad-m-format-toggle">
<ul class="ap-m-format-toggle">
{{#formats}}
<li class="ad-m-format-toggle-format">
<div class="ad-m-format-toggle-link ad-m-format-toggle-link-{{id}} {{^default}}inactive{{/default}} {{#default}}active{{/default}}"
[class]="'ad-m-format-toggle-link ad-m-format-toggle-link-{{id}} ' + (config.format == '{{id}}' ? 'active' : 'inactive')"
<li class="ap-m-format-toggle-format">
<div class="ap-m-format-toggle-link ap-m-format-toggle-link-{{id}} {{^default}}inactive{{/default}} {{#default}}active{{/default}}"
[class]="'ap-m-format-toggle-link ap-m-format-toggle-link-{{id}} ' + (config.format == '{{id}}' ? 'active' : 'inactive')"
on="tap:AMP.setState({
config: {
format: '{{id}}',
Expand All @@ -150,7 +150,7 @@ <h3>Select Format</h3>
})"
role="button"
tabindex="0">
<div class="ad-a-ico">
<div class="ap-a-ico">
<svg>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#amp-{{id}}"></use>
</svg>
Expand Down Expand Up @@ -234,7 +234,7 @@ <h4>{{label}} {{#help}}<span on="tap:{{id}}-help.toggleVisibility" tabindex="0"
<amp-position-observer on="enter:hideAnim.start; exit:showAnim.start" layout="nodisplay"></amp-position-observer>
<h3>Boilerplate</h3>
<p>Start your AMP page by copying and pasting this code:</p>
<div class="ad-m-code-snippet"><pre [hidden]="config.changed"><code>{{{initialCode}}}</code></pre></div>
<div class="ap-m-code-snippet"><pre [hidden]="config.changed"><code>{{{initialCode}}}</code></pre></div>
<amp-list id="codeSnippet"
width="auto"
height="3240"
Expand All @@ -245,22 +245,22 @@ <h3>Boilerplate</h3>
hidden [hidden]="!config.changed">
<template type="amp-mustache">
{{#formats}}
<div class="ad-m-code-snippet"><pre hidden [hidden]="config.format != '{{id}}'"><code>{{{template}}}</code></pre></div>
<div class="ap-m-code-snippet"><pre hidden [hidden]="config.format != '{{id}}'"><code>{{{template}}}</code></pre></div>
{{/formats}}
<section [hidden]="!config.serviceworker.selected">
<h3>Serviceworker Iframe</h3>
<p>The webdocument that <a href="https://www.ampproject.org/docs/reference/components/amp-install-serviceworker#data-iframe-src-(optional)">installs your service worker</a>. Copy this code and serve it together with your serviceworker implemenation.</p>
<div class="ad-m-code-snippet"><pre><code>{{{templates.serviceworkerIframe}}}</code></pre></div>
<div class="ap-m-code-snippet"><pre><code>{{{templates.serviceworkerIframe}}}</code></pre></div>
</section>
<section [hidden]="!config.serviceworker.selected">
<h3>Serviceworker Boilerplate</h3>
<p>A sample serviceworker implementation using <a href="https://developers.google.com/web/tools/workbox/">Workbox</a>. Copy this code and from the specified path.</p>
<div class="ad-m-code-snippet"><pre><code>{{{templates.serviceworkerJs}}}</code></pre></div>
<div class="ap-m-code-snippet"><pre><code>{{{templates.serviceworkerJs}}}</code></pre></div>
</section>
<section [hidden]="config.format != 'stories'">
<h3>Bookend Sample</h3>
<p>A sample <a href="https://www.ampproject.org/docs/reference/components/amp-story#bookend:-amp-story-bookend">AMP Story bookend</a> JSON configuration.</p>
<div class="ad-m-code-snippet"><pre><code>{{{templates.bookend}}}</code></pre></div>
<div class="ap-m-code-snippet"><pre><code>{{{templates.bookend}}}</code></pre></div>
</section>
</template>
<div tabindex="0" role="button" overflow>Show More</div>
Expand Down
14 changes: 7 additions & 7 deletions frontend/hbs/partials/header.hbs
View file
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
<header class="ad--header ad--header-fixed">
<div class="ad-o-header">
<a class="ad-o-header-home" href="/index.html">
<svg class="ad-o-header-home-logo"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#logo"></use></svg>
<span class="ad-o-header-home-title">AMP</span> <span class="ad-o-header-home-sub-title">Example Preview</span>
<header class="ap--header ap--header-fixed">
<div class="ap-o-header">
<a class="ap-o-header-home" href="/index.html">
<svg class="ap-o-header-home-logo"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#logo"></use></svg>
<span class="ap-o-header-home-title">AMP</span> <span class="ap-o-header-home-sub-title">Example Preview</span>
</a>
<a class="ad-m-homepage-link" href="/">amp.dev
<svg class="ad-a-ico icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"></use></svg>
<a class="ap-m-homepage-link" href="/">amp.dev
<svg class="ap-a-ico icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"></use></svg>
</a>
</div>
</header>
14 changes: 7 additions & 7 deletions frontend/hbs/preview-email.hbs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,14 +19,14 @@
{{> 'angle-down-solid.svg' }}
</svg>

<header class="ad--header ad--header-fixed">
<div class="ad-o-header">
<a class="ad-o-header-home" href="/boilerplate">
<svg class="ad-o-header-home-logo"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#logo"></use></svg>
<span class="ad-o-header-home-title">AMP</span> <span class="ad-o-header-home-sub-title">Example Preview</span>
<header class="ap--header ap--header-fixed">
<div class="ap-o-header">
<a class="ap-o-header-home" href="/boilerplate">
<svg class="ap-o-header-home-logo"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#logo"></use></svg>
<span class="ap-o-header-home-title">AMP</span> <span class="ap-o-header-home-sub-title">Example Preview</span>
</a>
<a class="ad-m-homepage-link" href="/">amp.dev
<svg class="ad-a-ico icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"></use></svg>
<a class="ap-m-homepage-link" href="/">amp.dev
<svg class="ap-a-ico icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"></use></svg>
</a>
</div>
</header>
Expand Down
2 changes: 1 addition & 1 deletion frontend/scss/_variables.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/* A project prefix that is added by using the prefix() function. Abbreviation
of the project name amp.dev */
$projectPrefix: 'ad';
$projectPrefix: 'ap';

/* All category codes which are prepended to selector by using either atom(selector),
molecule(selector) or organism(selector) */
Expand Down
6 changes: 3 additions & 3 deletions frontend/templates/layouts/default.j2
View file
Original file line number Diff line number Diff line change
Expand Up @@ -83,7 +83,7 @@

{% if doc.pod.env.dev %}
{% do doc.styles.addCssFile('/css/components/atoms/grid-toggle.css') %}
<aside class="ad-a-grid-toggle">
<aside class="ap-a-grid-toggle">
<input type="checkbox">
<div class="toggle"><div class="dot"></div></div>
<div class="grid"></div>
Expand All @@ -108,8 +108,8 @@
{# For untranslated content add hint that we might use help to translate it #}
{% if not '@' in doc.pod_path and not doc.locale == podspec.default_locale %}
{% do doc.styles.addCssFile('/css/components/organisms/translation-hint.css') %}
<aside class="ad-o-translation-hint">
<p class="ad-o-translation-hint-wrapper">{{ _('Sadly this page isn\'t yet translated, but we could use some help doing so: you maybe want to lend a hand?')}}</p>
<aside class="ap-o-translation-hint">
<p class="ap-o-translation-hint-wrapper">{{ _('Sadly this page isn\'t yet translated, but we could use some help doing so: you maybe want to lend a hand?')}}</p>
</aside>
{% endif %}

Expand Down
4 changes: 2 additions & 2 deletions frontend/templates/macros/atoms.j2
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{% macro icon(name, class) -%}
<div class="ad-a-ico {{ class }}">
<div class="ap-a-ico {{ class }}">
<svg>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#{{ name }}"></use>
</svg>
Expand All @@ -8,7 +8,7 @@

{% macro image(class, src, layout='responsive', width='300', height='300', alt='Image', type='static') -%}
<div
class="ad-a-img {{ class }}"
class="ap-a-img {{ class }}"
{% if type == 'parallax' %}
amp-fx="parallax"
data-parallax-factor="1.1"
Expand Down
4 changes: 2 additions & 2 deletions frontend/templates/views/default.j2
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,8 +7,8 @@
{% endblock %}

{% block main %}
<main class="ad--main ad-t-default">
<div class="ad--container">
<main class="ap--main ap-t-default">
<div class="ap--container">
{% include 'views/partials/content.j2' %}
</div>
</main>
Expand Down
32 changes: 16 additions & 16 deletions frontend/templates/views/detail/component-detail.j2
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,30 +10,30 @@
{% endblock %}

{% block main %}
<main class="ad--main ad-t-component-detail">
<div class="ad--container">
<main class="ap--main ap-t-component-detail">
<div class="ap--container">
{% include 'views/partials/component-sidebar.j2' %}
{% include 'views/partials/content.j2' %}

{% do doc.styles.addCssFile('css/components/organisms/component-help.css') %}
{% do doc.icons.useIcon('icons/internal.svg') %}

<section class="ad--help">
<div class="ad-o-component-help">
<span class="ad-o-component-help-hl">{{ _('Need more help?') }}</span>
<p class="ad-o-component-help-copy">{{ _('You\'ve red this document a dozen times but it doesn\'t really cover all of your questions? Maybe other people felt the same: reach out to them on Stack Overflow.')}}</p>
<a href="https://stackoverflow.com/questions/tagged/amp-html" rel="noopener" class="ad-m-lnk">
<svg class="ad-a-ico ad-m-lnk-icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"></use></svg>
<span class="ad-m-lnk-text">{{ _('Go to Stack Overflow') }}</span>
<section class="ap--help">
<div class="ap-o-component-help">
<span class="ap-o-component-help-hl">{{ _('Need more help?') }}</span>
<p class="ap-o-component-help-copy">{{ _('You\'ve red this document a dozen times but it doesn\'t really cover all of your questions? Maybe other people felt the same: reach out to them on Stack Overflow.')}}</p>
<a href="https://stackoverflow.com/questions/tagged/amp-html" rel="noopener" class="ap-m-lnk">
<svg class="ap-a-ico ap-m-lnk-icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"></use></svg>
<span class="ap-m-lnk-text">{{ _('Go to Stack Overflow') }}</span>
</a>
<div class="ad-o-component-help-divider"></div>
<span class="ad-o-component-help-hl">{{ _('Found a bug or missing a feature?') }}</span>
<p class="ad-o-component-help-copy">{{ _('The AMP project strongly encourages your participation and contributions! We hope you\'ll become an ongoing participant in our open source community but we also welcome one-off contributions for the issues you\'re particularly passionate about.') }}</p>
<a href="https://github.com/ampproject/amphtml" rel="noopener" class="ad-m-lnk link-preview-1">
<svg class="ad-a-ico ad-m-lnk-icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"></use></svg>
<span class="ad-m-lnk-text">{{ _('Go to GitHub') }}</span>
<div class="ap-o-component-help-divider"></div>
<span class="ap-o-component-help-hl">{{ _('Found a bug or missing a feature?') }}</span>
<p class="ap-o-component-help-copy">{{ _('The AMP project strongly encourages your participation and contributions! We hope you\'ll become an ongoing participant in our open source community but we also welcome one-off contributions for the issues you\'re particularly passionate about.') }}</p>
<a href="https://github.com/ampproject/amphtml" rel="noopener" class="ap-m-lnk link-preview-1">
<svg class="ap-a-ico ap-m-lnk-icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"></use></svg>
<span class="ap-m-lnk-text">{{ _('Go to GitHub') }}</span>
</a>
<div class="ad-o-component-help-divider"></div>
<div class="ap-o-component-help-divider"></div>
</div>
</section>
</div>
Expand Down
22 changes: 11 additions & 11 deletions frontend/templates/views/detail/docs-detail.j2
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,14 +10,14 @@
{% endblock %}

{% block main %}
<main class="ad--main ad-t-docs-detail">
<div class="ad--container">
<main class="ap--main ap-t-docs-detail">
<div class="ap--container">
{% include 'views/partials/sidebar.j2' %}
{% include 'views/partials/content.j2' %}

{% if doc.collection.chaptered %}
<section class="ad--content">
<div class="ad--chapter-indicator">
<section class="ap--content">
<div class="ap--chapter-indicator">
{# If the document hasn't got a previous document, it's the first one #}
{% set document_list = doc.collection.list_docs(locale=doc.locale, include_hidden=True) %}

Expand All @@ -26,24 +26,24 @@

{% if not previous_document and next_document %}
{% do doc.styles.addCssFile('css/components/atoms/button.css') %}
<a href="{{ next_document.url.path }}" class="ad-a-btn">
<a href="{{ next_document.url.path }}" class="ap-a-btn">
{{ _('Get started') }}
</a>
{% else %}
{% if previous_document %}
{% do doc.icons.useIcon('icons/internal.svg') %}
<a href="{{ previous_document.url.path }}" class="ad-m-lnk ad-m-lnk-square ad--previous">
<div class="ad-a-ico ad-m-lnk-icon">
<a href="{{ previous_document.url.path }}" class="ap-m-lnk ap-m-lnk-square ap--previous">
<div class="ap-a-ico ap-m-lnk-icon">
<svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"></use></svg>
</div>
<span class="ad-m-lnk-text">{{ _('Previous chapter') }}</span>
<span class="ap-m-lnk-text">{{ _('Previous chapter') }}</span>
</a>
{% endif %}
{% if next_document %}
{% do doc.icons.useIcon('icons/internal.svg') %}
<a href="{{ next_document.url.path }}" class="ad-m-lnk ad-m-lnk-square ad--next">
<span class="ad-m-lnk-text">{{ _('Next chapter') }}</span>
<div class="ad-a-ico ad-m-lnk-icon">
<a href="{{ next_document.url.path }}" class="ap-m-lnk ap-m-lnk-square ap--next">
<span class="ap-m-lnk-text">{{ _('Next chapter') }}</span>
<div class="ap-a-ico ap-m-lnk-icon">
<svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"></use></svg>
</div>
</a>
Expand Down
4 changes: 2 additions & 2 deletions frontend/templates/views/detail/example-detail.j2
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,8 @@
{% endblock %}

{% block main %}
<main class="ad--main ad-t-default">
<div class="ad--container">
<main class="ap--main ap-t-default">
<div class="ap--container">
{% include 'views/partials/content.j2' %}
</div>
</main>
Expand Down
4 changes: 2 additions & 2 deletions frontend/templates/views/detail/guide-detail.j2
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,8 @@
{% endblock %}

{% block main %}
<main class="ad--main ad-t-guide">
<div class="ad--container">
<main class="ap--main ap-t-guide">
<div class="ap--container">
{% include 'views/partials/sidebar.j2' %}
{% include 'views/partials/content.j2' %}
</div>
Expand Down
Loading

0 comments on commit 43acf7c

Please sign in to comment.