Home - blame – An Otter Wiki

Blame

4da4aa	Otterwiki Robot	2026-10-14 07:13:06
Initial commit

## Welcome to your wiki!

Your Otter Wiki is up and running.

This is your [[Home]] Page, the first page you see when you access your

wiki.

The first steps you might want to do:

1. [Register an account](/-/register). The very first account is an

admin account which is able to configure the wiki.

2. Check the [configuration](/-/admin#application_preferences) of your wiki.

You can change its name, configure the permissions necessary to

view and edit pages or upload attachments.

3. If you require users to confirm their email address (recommended),

   make sure that you will configure and test your [Email Preferences](/-/admin#mail_preferences).

4. [Edit your Home](/Home/edit)! Do not like the change? Visit the

page [history](/Home/history) and revert any change ever made.

5. You can [attach](/Home/attachments) images and other files to any page

and then display them and link to them inside the page.

6. [Create new pages](/-/create)! If you need help with the Markdown syntax,

check out the [Markdown guide](/-/help/syntax).

7. Read the [user guide](/-/help) and learn about An Otter Wikis features.

We hope that An Otter Wiki is just what you are looking for.

If you have any suggestions, feature requests or run into any

issues, please reach out and report them

via [github](https://github.com/redimp/otterwiki/issues).

dc4a07	Elcount	2026-10-14 08:58:35
nouvelle page d'accueil

/* ==========================================================

Otter Wiki - thème "moderne & doux"

À placer dans ./custom/custom.css (monté sur

/app/otterwiki/static/custom)

========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {

--ow-accent: #6366f1;

--ow-accent-hover: #4f46e5;

--ow-accent-soft: rgba(99, 102, 241, 0.10);

--ow-bg: #f6f7fb;

--ow-surface: #ffffff;

--ow-border: #e5e7ef;

--ow-text: #1f2430;

--ow-muted: #6b7280;

--ow-radius: 12px;

--ow-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 4px 16px rgba(16, 24, 40, .06);

/* variables Halfmoon utilisées par Otter Wiki */

--primary-color: var(--ow-accent);

--primary-color-light: #818cf8;

--primary-color-very-light: #a5b4fc;

--primary-color-dark: var(--ow-accent-hover);

--link-color: var(--ow-accent);

--link-color-hover: var(--ow-accent-hover);

}

body.dark-mode {

--ow-accent: #818cf8;

--ow-accent-hover: #a5b4fc;

--ow-accent-soft: rgba(129, 140, 248, 0.14);

--ow-bg: #0f1117;

--ow-surface: #171a23;

--ow-border: #272b38;

--ow-text: #e6e8ef;

--ow-muted: #9aa1b2;

--ow-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .35);

}

/* ---------- Base ---------- */

html, body {

font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

color: var(--ow-text);

-webkit-font-smoothing: antialiased;

}

body,

.page-wrapper,

.content-wrapper {

background: var(--ow-bg) !important;

}

a { transition: color .15s ease; }

::selection { background: var(--ow-accent-soft); }

/* ---------- Barre de navigation ---------- */

.navbar {

background: color-mix(in srgb, var(--ow-surface) 85%, transparent) !important;

backdrop-filter: blur(10px);

-webkit-backdrop-filter: blur(10px);

border-bottom: 1px solid var(--ow-border) !important;

box-shadow: none !important;

}

.navbar .navbar-brand,

.navbar a {

font-weight: 600;

letter-spacing: -0.01em;

}

100

101

/* ---------- Barre latérale ---------- */

102

.sidebar {

103

background: var(--ow-surface) !important;

104

border-right: 1px solid var(--ow-border) !important;

105

box-shadow: none !important;

106

}

107

.sidebar a,

108

.sidebar-link {

109

border-radius: 8px;

110

padding: .35rem .6rem;

111

transition: background .15s ease, color .15s ease;

112

}

113

.sidebar a:hover,

114

.sidebar-link:hover {

115

background: var(--ow-accent-soft) !important;

116

color: var(--ow-accent) !important;

117

text-decoration: none !important;

118

}

119

.sidebar .active,

120

.sidebar-link.active {

121

background: var(--ow-accent-soft) !important;

122

color: var(--ow-accent) !important;

123

font-weight: 600;

124

}

125

126

/* ---------- Contenu principal : effet "feuille" ---------- */

127

.content-wrapper > .content,

128

.content-wrapper .card,

129

.content-wrapper .content {

130

border-radius: var(--ow-radius);

131

}

132

.card {

133

background: var(--ow-surface) !important;

134

border: 1px solid var(--ow-border) !important;

135

box-shadow: var(--ow-shadow) !important;

136

border-radius: var(--ow-radius) !important;

137

}

138

139

/* Zone d'article */

140

.page-wrapper .content-wrapper .content,

141

.content-wrapper .card .content {

142

line-height: 1.7;

143

font-size: 1.02rem;

144

}

145

146

/* ---------- Titres ---------- */

147

h1, h2, h3, h4 {

148

font-weight: 700;

149

letter-spacing: -0.02em;

150

color: var(--ow-text);

151

}

152

h1 { font-size: 2rem; }

153

h2 {

154

margin-top: 2rem;

155

padding-bottom: .35rem;

156

border-bottom: 1px solid var(--ow-border);

157

}

158

159

/* ---------- Boutons ---------- */

160

.btn {

161

border-radius: 10px !important;

162

font-weight: 500;

163

transition: transform .1s ease, box-shadow .15s ease, background .15s ease;

164

}

165

.btn:hover { transform: translateY(-1px); }

166

.btn:active { transform: translateY(0); }

167

.btn-primary {

168

background: var(--ow-accent) !important;

169

border-color: var(--ow-accent) !important;

170

color: #fff !important;

171

box-shadow: 0 2px 8px var(--ow-accent-soft);

172

}

173

.btn-primary:hover {

174

background: var(--ow-accent-hover) !important;

175

border-color: var(--ow-accent-hover) !important;

176

}

177

178

/* ---------- Champs de formulaire ---------- */

179

.form-control,

180

input[type="text"],

181

input[type="search"],

182

input[type="password"],

183

textarea,

184

select {

185

background: var(--ow-surface) !important;

186

border: 1px solid var(--ow-border) !important;

187

border-radius: 10px !important;

188

color: var(--ow-text) !important;

189

transition: border-color .15s ease, box-shadow .15s ease;

190

}

191

.form-control:focus,

192

input:focus,

193

textarea:focus,

194

select:focus {

195

border-color: var(--ow-accent) !important;

196

box-shadow: 0 0 0 3px var(--ow-accent-soft) !important;

197

outline: none;

198

}

199

200

/* ---------- Code ---------- */

201

code, pre, kbd, samp {

202

font-family: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

203

font-size: .9em;

204

}

205

code {

206

background: var(--ow-accent-soft);

207

color: var(--ow-accent);

208

padding: .12em .4em;

209

border-radius: 6px;

210

}

211

pre {

212

background: var(--ow-surface) !important;

213

border: 1px solid var(--ow-border) !important;

214

border-radius: var(--ow-radius) !important;

215

padding: 1rem 1.1rem !important;

216

box-shadow: var(--ow-shadow);

217

}

218

pre code { background: transparent; color: inherit; padding: 0; }

219

220

/* ---------- Citations ---------- */

221

blockquote {

222

margin: 1.2rem 0;

223

padding: .8rem 1.2rem;

224

border-left: 4px solid var(--ow-accent);

225

background: var(--ow-accent-soft);

226

border-radius: 0 var(--ow-radius) var(--ow-radius) 0;

227

color: var(--ow-text);

228

}

229

blockquote p:last-child { margin-bottom: 0; }

230

231

/* ---------- Tableaux ---------- */

232

table {

233

border-collapse: separate !important;

234

border-spacing: 0;

235

width: 100%;

236

border: 1px solid var(--ow-border);

237

border-radius: var(--ow-radius);

238

overflow: hidden;

239

}

240

table th {

241

background: var(--ow-accent-soft);

242

font-weight: 600;

243

text-align: left;

244

}

245

table th, table td {

246

padding: .6rem .9rem !important;

247

border: none !important;

248

border-bottom: 1px solid var(--ow-border) !important;

249

}

250

table tr:last-child td { border-bottom: none !important; }

251

table tbody tr:hover { background: var(--ow-accent-soft); }

252

253

/* ---------- Images & séparateurs ---------- */

254

.content img {

255

max-width: 100%;

256

border-radius: var(--ow-radius);

257

}

258

hr {

259

border: none;

260

border-top: 1px solid var(--ow-border);

261

margin: 2rem 0;

262

}

263

264

/* ---------- Scrollbar discrète ---------- */

265

* { scrollbar-width: thin; scrollbar-color: var(--ow-border) transparent; }

266

::-webkit-scrollbar { width: 10px; height: 10px; }

267

::-webkit-scrollbar-thumb {

268

background: var(--ow-border);

269

border-radius: 10px;

270

border: 2px solid transparent;

271

background-clip: content-box;

272

}

273

::-webkit-scrollbar-thumb:hover { background: var(--ow-muted); background-clip: content-box; }