-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
152 lines (146 loc) · 6.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Marcel Lamothe - Author</title>
<link rel="icon" href="favicon.ico" />
<link rel="stylesheet" href="css/style.css" />
<script src="js/main.js"></script>
</head>
<body>
<header>
<h1>Marcel Lamothe</h1>
<p class="subtitle">Author of the Jane Cullen series.</p>
<p class="subtitle">
I write stories about finding yourself in unexpected places.
</p>
</header>
<section>
<h2>Books & Stories</h2>
<div class="book-card">
<img
src="assets/images/the_naked_truth_cover.jpg"
alt="The Naked Truth Book Cover"
class="book-cover"
/>
<div class="book-info">
<h3>The Naked Truth: Jane Cullen Book 1</h3>
<p>
Set on a whimsical tropical island where dress codes are nonexistent
but life lessons are abundant, The Naked Truth is a wholesome, warm,
and witty celebration of self-creation. Through Jane's journey, we
discover that maybe we're all just one leap of faith away from
becoming who we're meant to be - even if that leap happens to be
from a rooftop, wearing nothing but a smile and a safety harness.
</p>
<a target="_blank" href="https://a.co/d/j7SvjJz" class="amazon-link"
>Available as paperback, e-book and on Kindle Unlimited.</a
>
</div>
</div>
<div class="book-card">
<!--
Photo by <a href="https://unsplash.com/@sotti?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Shifaaz shamoon</a> on <a href="https://unsplash.com/photos/naked-woman-in-water-at-daytime-hjNkQ3zVGXU?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Unsplash</a>
-->
<img
src="assets/images/jane_cullen_2_placeholder.jpg"
alt="Placeholder for upcoming Jane Cullen Book 2 Cover"
class="book-cover"
/>
<div class="book-info">
<h3>Coming in 2025: Jane Cullen Book 2</h3>
<p>Jane will return, and this time she's got nothing to hide...</p>
</div>
</div>
<div class="book-card">
<img
src="assets/images/after-the-storm-placeholder.jpg"
alt="After The Storm"
class="book-cover"
/>
<div class="book-info">
<!--
Photo by <a href="https://unsplash.com/@maxwbender?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Max Bender</a> on <a href="https://unsplash.com/photos/water-droplets-on-clear-glass-1YHXFeOYpN0?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Unsplash</a>
-->
<h3>After the Storm: Bare Skies Ahead Anthology</h3>
<p>
My new story "After the Storm" will appear in this collection of
naturist fantasy and science fiction shorts, slated for publication
later this year. All proceeds will benefit Doctors Without Borders.
</p>
</div>
</div>
</section>
<div id="mlb2-21775010" class="ml-form-embedContainer ml-subscribe-form">
<section class="newsletter-section">
<h2>Connect & Stay Updated</h2>
<div class="platform-options">
<!--div class="platform-card">
<div class="ml-form-align-center">
<div class="ml-form-embedWrapper embedForm">
<div
class="ml-form-embedBody ml-form-embedBodyHorizontal row-form"
>
<div class="ml-form-embedContent">
<h4>Substack</h4>
<p>
For the latest news about Jane Cullen's next adventure,
along with my other writing projects, please join me on
Substack.
</p>
<iframe
src="https://marcelwrites.substack.com/embed"
width="480"
height="150"
style="border: 1px solid #eee; background: white"
frameborder="0"
scrolling="no"
></iframe>
</div>
</div>
</div>
</div>
</div-->
<div class="platform-card">
<div class="ml-form-align-center">
<div class="ml-form-embedWrapper embedForm">
<div
class="ml-form-embedBody ml-form-embedBodyHorizontal row-form"
>
<div class="ml-form-embedContent">
<h4>Bluesky</h4>
<p>
For my periodic musings on writing, random research rabbit
holes, and the occasional behind-the-scenes peek at what
my characters are up to when they think I'm not looking,
please find me on Bluesky:
</p>
<div class="bluesky">
<a
target="_blank"
href="https://bsky.app/profile/marcel-writes.com"
aria-label="Bluesky"
>
@marcel-writes.com
<img
class="bluesky-logo"
src="assets/images/bluesky_logo.svg"
alt="Bluesky Logo"
/>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--div class="platform-card">
<div class="ml-embedded" data-form="mdQuFX"></div>
</div-->
</div>
<div>Copyright 2025 — Marcel Lamothe — [email protected]</div>
</section>
</div>
</body>
</html>