Skip to content

Commit 7b377ce

Browse files
justinwhalljustinwhall
committed
Aside menu and scrollspy
1 parent d3b9112 commit 7b377ce

19 files changed

Lines changed: 427 additions & 1681 deletions

File tree

‎content/docs/for-developers/custom-slug.md‎

Lines changed: 71 additions & 76 deletions
Original file line numberDiff line numberDiff line change
@@ -1,52 +1,12 @@
11
---
22
title: "custom elements"
33
category: "sending-email"
4-
group: "tracking"
54
---
6-
<!-- <aside>
7-
8-
#### Included In This Article
9-
10-
[Headers](#headers)
11-
[Emphasis](#emphasis)
12-
[Lists](#lists)
13-
[Links](#links)
14-
[Images](#images)
15-
[Code and Syntax Highlighting](#code)
16-
[Tables](#tables)
17-
[Inline HTML](#html)
18-
[Horizontal Rule](#hr)
19-
[Line Breaks](#lines)
20-
[Embed Videos](#videos)
21-
22-
</aside> -->
23-
24-
<aside>
25-
26-
- [What is domain authentication ok?](#-What-is-domain-authentication)
27-
- [Key terminology](#-Key-terminology)
28-
- [DNS](#-DNS)
29-
- [DKIM](#-DKIM)
30-
- [SPF](#-SPF)
31-
- [CNAME](#-CNAME)
32-
- [Setting up domain authentication](#-Setting-up-domain-authentication)
33-
- [Before you begin](#-Before-you-begin)
34-
- [Setting up DNS](#-Setting-up-DNS)
35-
- [Advanced settings](#-Advanced-settings)
36-
- [Using automated security](#-Using-automated-security)
37-
- [Using a custom return path](#-Using-a-custom-return-path)
38-
- [Using a custom DKIM selector](#-Using-a-custom-DKIM-selector)
39-
- [Assigning a subuser](#-Assigning-a-subuser)
40-
- [Migrating from legacy Whitelabel](#-Migrating-from-legacy-Whitelabel)
41-
42-
</aside>
43-
44-
<div class="doc-main"/>
45-
46-
<a name="headers"/>
5+
476

487
## Headers
498

9+
5010
```no-highlight
5111
# H1
5212
## H2
@@ -55,34 +15,50 @@ group: "tracking"
5515
##### H5
5616
###### H6
5717
58-
Alternatively, for H1 and H2, an underline-ish style like:
18+
Alternatively, for H1 and H2, an underline-ish style like
5919
6020
Alt-H1
6121
======
6222
6323
Alt-H2
6424
------
6525
```
26+
Mauris potenti porta ad litora mattis lorem euismod, quisque auctor lacinia cubilia velit lectus suscipit platea, ornare tellus felis etiam et dui.
6627

67-
# H1
28+
Mauris potenti porta ad litora mattis lorem euismod, quisque auctor lacinia cubilia velit lectus suscipit platea, ornare tellus felis etiam et dui.
29+
Mauris potenti porta ad litora mattis lorem euismod, quisque auctor lacinia cubilia velit lectus suscipit platea, ornare tellus felis etiam et dui.
6830

69-
## H2
31+
Mauris potenti porta ad litora mattis lorem euismod, quisque auctor lacinia cubilia velit lectus suscipit platea, ornare tellus felis etiam et dui.
32+
Mauris potenti porta ad litora mattis lorem euismod, quisque auctor lacinia cubilia velit lectus suscipit platea, ornare tellus felis etiam et dui.
7033

71-
### H3
34+
Mauris potenti porta ad litora mattis lorem euismod, quisque auctor lacinia cubilia velit lectus suscipit platea, ornare tellus felis etiam et dui.
35+
Mauris potenti porta ad litora mattis lorem euismod, quisque auctor lacinia cubilia velit lectus suscipit platea, ornare tellus felis etiam et dui.
7236

73-
#### H4
37+
Mauris potenti porta ad litora mattis lorem euismod, quisque auctor lacinia cubilia velit lectus suscipit platea, ornare tellus felis etiam et dui.
38+
Mauris potenti porta ad litora mattis lorem euismod, quisque auctor lacinia cubilia velit lectus suscipit platea, ornare tellus felis etiam et dui.
7439

75-
##### H5
40+
Mauris potenti porta ad litora mattis lorem euismod, quisque auctor lacinia cubilia velit lectus suscipit platea, ornare tellus felis etiam et dui.
41+
Mauris potenti porta ad litora mattis lorem euismod, quisque auctor lacinia cubilia velit lectus suscipit platea, ornare tellus felis etiam et dui.
7642

77-
###### H6
43+
Mauris potenti porta ad litora mattis lorem euismod, quisque auctor lacinia cubilia velit lectus suscipit platea, ornare tellus felis etiam et dui.
44+
Mauris potenti porta ad litora mattis lorem euismod, quisque auctor lacinia cubilia velit lectus suscipit platea, ornare tellus felis etiam et dui.
45+
46+
Mauris potenti porta ad litora mattis lorem euismod, quisque auctor lacinia cubilia velit lectus suscipit platea, ornare tellus felis etiam et dui.
47+
Mauris potenti porta ad litora mattis lorem euismod, quisque auctor lacinia cubilia velit lectus suscipit platea, ornare tellus felis etiam et dui.
48+
49+
Mauris potenti porta ad litora mattis lorem euismod, quisque auctor lacinia cubilia velit lectus suscipit platea, ornare tellus felis etiam et dui.
50+
Mauris potenti porta ad litora mattis lorem euismod, quisque auctor lacinia cubilia velit lectus suscipit platea, ornare tellus felis etiam et dui.
7851

79-
Alternatively, for H1 and H2, an underline-ish style:
52+
Mauris potenti porta ad litora mattis lorem euismod, quisque auctor lacinia cubilia velit lectus suscipit platea, ornare tellus felis etiam et dui.
53+
Mauris potenti porta ad litora mattis lorem euismod, quisque auctor lacinia cubilia velit lectus suscipit platea, ornare tellus felis etiam et dui.
8054

81-
# Alt-H1
55+
Mauris potenti porta ad litora mattis lorem euismod, quisque auctor lacinia cubilia velit lectus suscipit platea, ornare tellus felis etiam et dui.
56+
Mauris potenti porta ad litora mattis lorem euismod, quisque auctor lacinia cubilia velit lectus suscipit platea, ornare tellus felis etiam et dui.
8257

83-
## Alt-H2
58+
Mauris potenti porta ad litora mattis lorem euismod, quisque auctor lacinia cubilia velit lectus suscipit platea, ornare tellus felis etiam et dui.
59+
Mauris potenti porta ad litora mattis lorem euismod, quisque auctor lacinia cubilia velit lectus suscipit platea, ornare tellus felis etiam et dui.
8460

85-
<a name="emphasis"/>
61+
Mauris potenti porta ad litora mattis lorem euismod, quisque auctor lacinia cubilia velit lectus suscipit platea, ornare tellus felis etiam et dui.
8662

8763
## Emphasis
8864

@@ -104,7 +80,6 @@ Combined emphasis with **asterisks and _underscores_**.
10480

10581
Strikethrough uses two tildes. ~~Scratch this.~~
10682

107-
<a name="lists"/>
10883

10984
## Lists
11085

@@ -142,7 +117,6 @@ Strikethrough uses two tildes. ~~Scratch this.~~
142117

143118
* Or pluses
144119

145-
<a name="links"/>
146120

147121
## Links
148122

@@ -186,22 +160,52 @@ Some text to show that the reference links can follow later.
186160
[1]: http://slashdot.org
187161
[link text itself]: http://www.reddit.com
188162

189-
<a name="images"/>
190163

191-
## Images
192164

193-
```no-highlight
194-
Here's our logo (hover to see the title text):
165+
### Images
195166

196-
Inline-style:
197-
![alt text](https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png "Logo Title Text 1")
167+
<code-group>
198168

199-
Reference-style:
200-
![alt text][logo]
169+
```php
170+
// Create array containing abbreviations of days of week.
171+
$daysOfWeek = array('S','M','T','W','T','F','S');
201172

202-
[logo]: https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png "Logo Title Text 2"
173+
// What is the first day of the month in question?
174+
$firstDayOfMonth = mktime(0,0,0,$month,1,$year);
175+
176+
// How many days does this month contain?
203177
```
204178

179+
```python
180+
static int
181+
_is_legal_capsule(PyCapsule *capsule, const char *invalid_capsule)
182+
{
183+
if (!capsule || !PyCapsule_CheckExact(capsule) || capsule->pointer == NULL) {
184+
PyErr_SetString(PyExc_ValueError, invalid_capsule);
185+
return 0;
186+
}
187+
return 1;
188+
}
189+
```
190+
191+
```javascript
192+
const cat = {
193+
id: `${i}`,
194+
slug: category,
195+
parent: '__SOURCE__',
196+
children: [],
197+
internal: {
198+
type: 'forDeveloperCategories',
199+
},
200+
};
201+
// Get content digest of node. (Required field)
202+
const contentDigest = crypto
203+
.createHash('md5')
204+
.update(JSON.stringify(cat))
205+
.digest('hex');
206+
```
207+
</code-group>
208+
205209
Here's our logo (hover to see the title text):
206210

207211
Inline-style:
@@ -212,7 +216,6 @@ Reference-style:
212216

213217
[logo]: https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png 'Logo Title Text 2'
214218

215-
<a name="code"/>
216219

217220
## Code and Syntax Highlighting
218221

@@ -259,8 +262,6 @@ But let's throw in a <b>tag</b>.
259262

260263
Again, to see what languages are available for highlighting, and how to write those language names, see the [highlight.js demo page](http://softwaremaniacs.org/media/soft/highlight/test.html).
261264

262-
<a name="tables"/>
263-
264265
## Tables
265266

266267
Tables aren't part of the core Markdown spec, but they are part of GFM and _Markdown Here_ supports them. They are an easy way of adding tables to your email -- a task that would otherwise require copy-pasting from another application.
@@ -298,8 +299,6 @@ The outer pipes (|) are optional, and you don't need to make the raw Markdown li
298299
| 1 | 2 | 3 |
299300

300301

301-
<a name="html"/>
302-
303302
## Inline HTML
304303

305304
You can also use raw HTML in your Markdown, and it'll mostly work pretty well.
@@ -322,9 +321,7 @@ You can also use raw HTML in your Markdown, and it'll mostly work pretty well.
322321
<dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
323322
</dl>
324323

325-
<a name="hr"/>
326-
327-
## Horizontal Rule
324+
### Horizontal Rule
328325

329326
```
330327
Three or more...
@@ -356,7 +353,6 @@ Asterisks
356353

357354
Underscores
358355

359-
<a name="lines"/>
360356

361357
## Line Breaks
362358

@@ -382,7 +378,6 @@ This line is only separated by a single newline, so it's a separate line in the
382378

383379
(Technical note: _Markdown Here_ uses GFM line breaks, so there's no need to use MD's two-space line breaks.)
384380

385-
<a name="videos"/>
386381

387382
## Embed Videos
388383

@@ -396,9 +391,9 @@ Use an iframe :)
396391

397392
Push it. Push it good.
398393

399-
<a name="callouts"/>
400394

401-
## Callouts
395+
396+
### Callouts & more
402397

403398
```no-highlight
404399
<call-out>

0 commit comments

Comments
 (0)