Format Images in README for GitHub & ExDocs

README.md

@@ -1,7 +1,16 @@
-<img align="left" src="https://raw.githubusercontent.com/erlef/oidcc/main/assets/logo.svg" width="150px" style="margin-right: 15px">
+<div style="margin-right: 15px; float: left;">
+  <img
+    align="left"
+    src="https://raw.githubusercontent.com/erlef/oidcc/main/assets/logo.svg"
+    alt="OpenID Connect Logo"
+    width="170px"
+  />
+</div>
 
 # oidcc
 
+OpenID Connect client library for Erlang.
+
 [![EEF Security WG project](https://img.shields.io/badge/EEF-Security-black)](https://github.com/erlef/security-wg)
 [![Main Branch](https://github.com/erlef/oidcc/actions/workflows/branch_main.yml/badge.svg?branch=main)](https://github.com/erlef/oidcc/actions/workflows/branch_main.yml)
 [![Module Version](https://img.shields.io/hexpm/v/oidcc.svg)](https://hex.pm/packages/oidcc)
@@ -10,27 +19,65 @@
 [![Last Updated](https://img.shields.io/github/last-commit/erlef/oidcc.svg)](https://github.com/erlef/oidcc/commits/master)
 [![Coverage Status](https://coveralls.io/repos/github/erlef/oidcc/badge.svg?branch=main)](https://coveralls.io/github/erlef/oidcc?branch=main)
 
-OpenID Connect client library for Erlang.
+<br clear="left"/>
 
 <!-- TODO: Uncomment after certification -->
 <!--
+<picture style="margin-right: 15px; float: left;">
+  <source
+    media="(prefers-color-scheme: dark)"
+    srcset="https://raw.githubusercontent.com/erlef/oidcc/main/assets/certified-dark.svg"
+    width="170px"
+    align="left"
+  />
+  <source
+    media="(prefers-color-scheme: light)"
+    srcset="https://raw.githubusercontent.com/erlef/oidcc/main/assets/certified-light.svg"
+    width="170px"
+    align="left"
+  />
+  <img
+    src="https://raw.githubusercontent.com/erlef/oidcc/main/assets/certified-light.svg"
+    alt="OpenID Connect Certified Logo"
+    width="170px"
+    align="left"
+  />
+</picture>
+
 OpenID Certified by Jonatan Männchen at the Erlang Ecosystem Foundation for the
 basic and configuration profile of the OpenID Connect protocol. For details,
 check the [Conformance Documentation](https://github.com/erlef/oidcc/tree/openid-foundation-certification).
 
-![OpenID Connect Certified Logo](https://raw.githubusercontent.com/erlef/oidcc/main/assets/certified.svg)
+<br clear="left"/>
 -->
 
-<picture style="margin-right: 15px; float: left">
-  <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/erlef/oidcc/main/assets/erlef-logo-dark.svg" width="115px" align="left">
-  <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/erlef/oidcc/main/assets/erlef-logo-light.svg" width="115px" align="left">
-  <img alt="Erlang Ecosystem Foundation Logo" src="https://raw.githubusercontent.com/erlef/oidcc/main/assets/erlef-logo-light.svg" width="115px" align="left">
+<picture style="margin-right: 15px; float: left;">
+  <source
+    media="(prefers-color-scheme: dark)"
+    srcset="https://raw.githubusercontent.com/erlef/oidcc/main/assets/erlef-logo-dark.svg"
+    width="170px"
+    align="left"
+  />
+  <source
+    media="(prefers-color-scheme: light)"
+    srcset="https://raw.githubusercontent.com/erlef/oidcc/main/assets/erlef-logo-light.svg"
+    width="170px"
+    align="left"
+  />
+  <img
+    src="https://raw.githubusercontent.com/erlef/oidcc/main/assets/erlef-logo-light.svg"
+    alt="Erlang Ecosystem Foundation Logo"
+    width="170px"
+    align="left"
+  />
 </picture>
 
 The refactoring for `v3` and the certification is funded as an
 [Erlang Ecosystem Foundation](https://erlef.org/) stipend entered by the
 [Security Working Group](https://erlef.org/wg/security).
 
+<br clear="left"/>
+
 ## Setup
 
 ### Erlang

mix.exs

@@ -68,7 +68,7 @@ defmodule Oidcc.Mixfile do
 
     [
       source_ref: ref,
-      main: "Oidcc",
+      main: "readme",
       extras: ["README.md"],
       groups_for_modules: [Erlang: [~r/oidcc/], "Elixir": [~r/Oidcc/]],
       logo: "assets/logo.svg"