From 9332293e7779a87c84c7fee4caead5c855d9f679 Mon Sep 17 00:00:00 2001 From: javl Date: Tue, 24 Jul 2018 16:34:55 +0200 Subject: [PATCH 1/2] Updates intro text --- index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index a3a24e4..f095c01 100644 --- a/index.html +++ b/index.html @@ -184,9 +184,9 @@

image2cpp

-

This tool helps you convert images into bytestrings, which can be used with Arduino and OLED displays (among other platforms). +

image2cpp is a simple tool to change images into byte arrays to use with Arduino and (monochrome) displays such as OLEDs. It was originally made to work with the Adafruit OLED library. An example sketch for Arduino and this library can be found here.

-

More info can be found in the Github repository. This is also where you report any issues you might come across.

+

More info (and credits) can be found in the Github repository. This is also where you can report any issues you might come across.

This tool also works offline. Simply save this page to your computer and open the file in your browser.

From b35bb677257e2061ca47b9b109d239eb1a6d864b Mon Sep 17 00:00:00 2001 From: javl Date: Tue, 24 Jul 2018 16:56:30 +0200 Subject: [PATCH 2/2] Removes Chrome-only CSS --- index.html | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index f095c01..6680c6e 100644 --- a/index.html +++ b/index.html @@ -24,7 +24,7 @@ display: flex; flex-direction: column; margin: auto; - width: 800px; + width: 900px; } .section { margin: 10px 0; @@ -115,18 +115,18 @@ margin: 3px 0; } button, - input[type="file"]::-webkit-file-upload-button { + input[type="file"] { background: #00CB99; border-radius: 3px; border: none; color: #fff; font-size: .9em; - font-weight: 100; + font-weight: bold; margin: 10px 0; padding: 4px 8px; } - input[type="file"]::-webkit-file-upload-button { - font-size: 1.6em; + input[type="file"] { + font-size: 1.0em; padding: 6px 20px; } .generate-button { @@ -178,6 +178,11 @@ color: #ff0000; display: none; } + h1{ + padding: 10px; + color: white; + background-color: #00cb99; + }