style(org): standardize all project pages on darksun theme with responsive images
authorSvjatoslav Agejenko <svjatoslav@svjatoslav.eu>
Wed, 17 Jun 2026 17:12:32 +0000 (20:12 +0300)
committerSvjatoslav Agejenko <svjatoslav@svjatoslav.eu>
Wed, 17 Jun 2026 17:12:32 +0000 (20:12 +0300)
- Add shared style.css with responsive-img, project-img, schematic-img classes

- All 31 individual pages: use darksun theme, remove per-page TWBS Bootstrap headers

- All individual pages: suppress author footer, add consistent back-links

- All images: add responsive-img class for max-width 600px

- Fix 35mm film copying device: add missing imglnk macro that caused export abort

- Root index.org: link to style.css

- .gitignore: exclude .idea/ and *.FCStd1

34 files changed:
.gitignore
Furniture/Book stand/index.org
Furniture/DVD organizer/index.org
Furniture/Jabra holder/index.org
Furniture/Spray gun holder/index.org
Furniture/Wall mounted shelf/index.org
Miscellaneous/12V Lead-Acid battery changer and terminal/index.org
Miscellaneous/Lab heater and cooler/index.org
Miscellaneous/USB desk fan mod/index.org
Miscellaneous/adjustable resistor/index.org
Miscellaneous/alternative USB layout/index.org
Miscellaneous/battery tester/index.org
Miscellaneous/cable organizer/index.org
Miscellaneous/headphone hub/index.org
Miscellaneous/hook/index.org
Miscellaneous/portable stereo active speaker/index.org
Miscellaneous/round pincers/index.org
Miscellaneous/window fixator/index.org
cases/Fuji XC15-45mm lens case/index.org
cases/Fuji XC50-230mm lens case/index.org
cases/Fujifilm camera battery box/index.org
cases/Meiqqm portable dosimeter case/index.org
cases/NanoVNA case/index.org
cases/Nikon COOLPIX W150 battery case/index.org
cases/USB cable terminals/index.org
cases/macro filter storage compartment/index.org
cases/microscope slide box/index.org
cases/roll/index.org
index.org
optics/35mm film copying device/index.org
optics/Fujifilm X-mount microscope adapter/index.org
optics/gyro for binoculars/index.org
optics/microscope motor (WIP)/index.org
style.css [new file with mode: 0644]

index 9e5cee8..f0069e3 100644 (file)
@@ -1,3 +1,9 @@
 # HTML files are generated on-demand from .org files via Emacs export
 # Do not commit them to version control
 *.html
+
+# IntelliJ IDEA / IDE config
+.idea/
+
+# FreeCAD backup files
+*.FCStd1
index af11b42..3f4500b 100644 (file)
@@ -1,18 +1,24 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: Book stand
-#+AUTHOR: Svjatoslav Agejenko
 #+LANGUAGE: en
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
+
+[[file:../../index.html][Back to physical projects]]
+
+#+TITLE: Book stand
 
-* (document settings) :noexport:
-** use dark style for TWBS-HTML exporter
-#+HTML_HEAD: <link href="https://bootswatch.com/3/darkly/bootstrap.min.css" rel="stylesheet">
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
-#+HTML_HEAD: <style type="text/css">
-#+HTML_HEAD:   footer {background-color: #111 !important;}
-#+HTML_HEAD:   pre {background-color: #111; color: #ccc;}
-#+HTML_HEAD: </style>
 
 * General
+:PROPERTIES:
+:CUSTOM_ID: general
+:END:
 + DISCLAIMER: I DO ELECTRONICS AND 3D DESIGN SOLELY AS A HOBBY. THERE
   COULD BE ERRORS THAT CAN RESULT IN ALL KINDS OF DAMAGE. USE THESE
   DESIGNS AT YOUR OWN RISK.
   - [[https://www.svjatoslav.eu/projects/][Other projects hosted at svjatoslav.eu]]
 
 * Project description
+#+attr_html: :class responsive-img
 [[file:make.png]]
 
 Small book stand.
 
+#+attr_html: :class responsive-img
 [[file:book%20stand.png]]
 
 Download:
index e7fac7b..849832c 100644 (file)
@@ -1,8 +1,21 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: DVD organizer
-#+AUTHOR: Svjatoslav Agejenko
 #+LANGUAGE: en
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
+
+[[file:../../index.html][Back to physical projects]]
 
 * General
+:PROPERTIES:
+:CUSTOM_ID: general
+:END:
 + DISCLAIMER: I DO ELECTRONICS AND 3D DESIGN SOLELY AS A HOBBY. THERE
   COULD BE ERRORS THAT CAN RESULT IN ALL KINDS OF DAMAGE. USE THESE
   DESIGNS AT YOUR OWN RISK.
@@ -27,10 +40,12 @@ grid.
 
 Photo:
 
+#+attr_html: :class responsive-img
 [[file:make.png]]
 
 Render:
 
+#+attr_html: :class responsive-img
 [[file:render.png]]
 
 
index 9729ba8..285cc66 100644 (file)
@@ -1,4 +1,15 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
+#+TITLE: Project
+#+LANGUAGE: en
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
 
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
 
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
+
+[[file:../../index.html][Back to physical projects]]
 
 Jabra model: Jabra Speak 510 UC
index bc8c15c..4dbcdae 100644 (file)
@@ -1,8 +1,23 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: Air spray gun wall mount
-#+AUTHOR: Svjatoslav Agejenko
 #+LANGUAGE: en
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
+
+[[file:../../index.html][Back to physical projects]]
+
+#+TITLE: Air spray gun wall mount
 
 * General
+:PROPERTIES:
+:CUSTOM_ID: general
+:END:
 + DISCLAIMER: I DO ELECTRONICS AND 3D DESIGN SOLELY AS A HOBBY. THERE
   COULD BE ERRORS THAT CAN RESULT IN ALL KINDS OF DAMAGE. USE THESE
   DESIGNS AT YOUR OWN RISK.
@@ -26,10 +41,12 @@ designs for 3D printable mounts for it.
 
 Photo:
 
+#+attr_html: :class responsive-img
 [[file:make.png]]
 
 Render:
 
+#+attr_html: :class responsive-img
 [[file:schematic.png]]
 
 
@@ -40,6 +57,7 @@ Download:
 
 Render:
 
+#+attr_html: :class responsive-img
 [[file:holder under table.png]]
 
 Download:
index 50c8e49..3791985 100644 (file)
@@ -1,18 +1,24 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: Tiny wall shelf
-#+AUTHOR: Svjatoslav Agejenko
 #+LANGUAGE: en
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
+
+[[file:../../index.html][Back to physical projects]]
+
+#+TITLE: Tiny wall shelf
 
-* (document settings) :noexport:
-** use dark style for TWBS-HTML exporter
-#+HTML_HEAD: <link href="https://bootswatch.com/3/darkly/bootstrap.min.css" rel="stylesheet">
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
-#+HTML_HEAD: <style type="text/css">
-#+HTML_HEAD:   footer {background-color: #111 !important;}
-#+HTML_HEAD:   pre {background-color: #111; color: #ccc;}
-#+HTML_HEAD: </style>
 
 * General
+:PROPERTIES:
+:CUSTOM_ID: general
+:END:
 + DISCLAIMER: I DO ELECTRONICS AND 3D DESIGN SOLELY AS A HOBBY. THERE
   COULD BE ERRORS THAT CAN RESULT IN ALL KINDS OF DAMAGE. USE THESE
   DESIGNS AT YOUR OWN RISK.
   - [[https://www.svjatoslav.eu/projects/][Other projects hosted at svjatoslav.eu]]
 
 * Project description
+#+attr_html: :class responsive-img
 [[file:make.png]]
 
 My current printer does at most 120x120x120 (mm) prints. And I needed
 a small wall shelf for my lab. Here comes design for 119x119x119 (just
 in case). I used double sided tape for wall attachment.
 
+#+attr_html: :class responsive-img
 [[file:shelf.png]]
 
 - Download:
index d14cca2..387d4a1 100644 (file)
@@ -1,18 +1,24 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: Battery charger and dual power supply unit
-#+AUTHOR: Svjatoslav Agejenko
 #+LANGUAGE: en
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
+
+[[file:../../index.html][Back to physical projects]]
+
+#+TITLE: Battery charger and dual power supply unit
 
-* (document settings) :noexport:
-** use dark style for TWBS-HTML exporter
-#+HTML_HEAD: <link href="https://bootswatch.com/3/darkly/bootstrap.min.css" rel="stylesheet">
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
-#+HTML_HEAD: <style type="text/css">
-#+HTML_HEAD:   footer {background-color: #111 !important;}
-#+HTML_HEAD:   pre {background-color: #111; color: #ccc;}
-#+HTML_HEAD: </style>
 
 * General
+:PROPERTIES:
+:CUSTOM_ID: general
+:END:
 + DISCLAIMER: I DO ELECTRONICS AND 3D DESIGN SOLELY AS A HOBBY. THERE
   COULD BE ERRORS THAT CAN RESULT IN ALL KINDS OF DAMAGE. USE THESE
   DESIGNS AT YOUR OWN RISK.
@@ -37,6 +43,7 @@ electricity (wall power) and slowly charges (use-changing) attached
 when needed as well as power in portable situations or when mains
 electricity is not available.
 
+#+attr_html: :class responsive-img
 [[file:make.png]]
 
 Power supply provides about 13 Volts and 5 Volts simultaneously.
@@ -51,6 +58,7 @@ I found USB-A connectors to be easily available, cheap, reliable and
 functional, so I re-purposed connector for my own needs but I'm using
 totally incompatible electrical wiring.
 
+#+attr_html: :class responsive-img
 [[file:../alternative%20USB%20layout/schematic.png]]
 
 As seen, it has dual voltage output. Additionally one wire is
@@ -62,25 +70,30 @@ links all data wires together.
 Power supply uses 3D printed body with lots of holes, for fanless
 cooling.
 
+#+attr_html: :class responsive-img
 [[file:body%20and%20covers/body,%201.png]]
 
 Various modules are realized on top of prototype PCBs that slide into
 dedicated rails within the body.
 
+#+attr_html: :class responsive-img
 [[file:body%20and%20covers/body,%202.png]]
 
 Like this:
 
+#+attr_html: :class responsive-img
 [[file:make,%202.png]]
 
 When cover is closed, it blocks PCB movement:
 
+#+attr_html: :class responsive-img
 [[file:body%20and%20covers/cover.png]]
 
 There is still some empty space inside, so why not add dummy cover on
 top that can be replaced later with add-on functionality/expansion
 board/terminal :)
 
+#+attr_html: :class responsive-img
 [[file:body%20and%20covers/cover%20cover.png]]
 
 Download:
@@ -94,6 +107,7 @@ Download:
 This is where high voltage from mains electricity enters the system.
 
 Schematic:
+#+attr_html: :class responsive-img
 [[file:transformer%20and%20AC%20DC%20converter%20board/schematic.png]]
 
 For safety I kept high voltage section as minimal as possible. That
@@ -103,10 +117,12 @@ glue]] for extra safety and isolation on PCB.
 Power on/off switch operates on already reduced voltage of about 30
 volts. Power switch is located on [[id:c9a69490-f920-4a31-b32e-b101bfc3d01b][indicator panel]].
 
+#+attr_html: :class responsive-img
 [[file:transformer%20and%20AC%20DC%20converter%20board/make,%201.png]]
 
 DC current of about 30 volts is then routed to [[id:65d68227-4bf2-4c4f-b4d3-c390bc6a9c34][Main board]].
 
+#+attr_html: :class responsive-img
 [[file:transformer%20and%20AC%20DC%20converter%20board/make,%202.png]]
 
 [[https://www.amazon.de/gp/product/B07RLQH5TR/ref=ppx_yo_dt_b_asin_title_o07_s00?ie=UTF8&psc=1][Single sided prototype PCB is used]].
@@ -120,9 +136,11 @@ This is logically main board because it appears to be central hub that
 connects all components. It also houses 2 [[https://www.amazon.de/gp/product/B072MQYJ93/ref=ppx_yo_dt_b_asin_title_o04_s00?ie=UTF8&psc=1][adjustable DC-DC Step Down
 voltage converters]].
 
+#+attr_html: :class responsive-img
 [[file:main%20board/main%20board,%201.png]]
 
 High-level schematic of entire device:
+#+attr_html: :class responsive-img
 [[file:main%20board/schematic.png]]
 
 As seen from schematic, ~30 volts DC from transformer board is routed
@@ -155,6 +173,7 @@ and transformer from the system effectively powering everything down.
 On schematic above, some wires are annotated with numbers from 1
 to 13. This corresponds to output pins on the board.
 
+#+attr_html: :class responsive-img
 [[file:main%20board/main%20board,%202.png]]
 * Current limiter
 :PROPERTIES:
@@ -162,11 +181,13 @@ to 13. This corresponds to output pins on the board.
 :END:
 
 Schematic:
+#+attr_html: :class responsive-img
 [[file:current%20limiter/schematic.png]]
 
 Simple LM317 based current limiter is used. I used 4.7 ohm
 resistor. It provides about 265 milliamps of current. See [[http://www.reuk.co.uk/wordpress/electric-circuit/lm317-current-calculator/][calculator]].
 
+#+attr_html: :class responsive-img
 [[file:current%20limiter/current%20limiter,%201.png]]
 
 Thermal paste below and UV hardening glue on top is used to attach
@@ -177,6 +198,7 @@ current during initial device calibration.
 If attached battery is really empty, significant voltage drop can
 occur in LM317. Heatsink is needed to dissipate that power.
 
+#+attr_html: :class responsive-img
 [[file:current%20limiter/current%20limiter,%202.png]]
 
 Note: resistor gets hot too.
@@ -186,14 +208,17 @@ Note: resistor gets hot too.
 :ID:       c9a69490-f920-4a31-b32e-b101bfc3d01b
 :END:
 
+#+attr_html: :class responsive-img
 [[file:indicator%20panel/indicator%20panel,%201.png]]
 
 Basically 2 digital DC voltmeters and main on/off switch.
 
+#+attr_html: :class responsive-img
 [[file:indicator%20panel/indicator%20panel,%202.png]]
 
 Download:
 
+#+attr_html: :class responsive-img
 [[file:indicator%20panel/indicator%20panel.png]]
 
 + [[file:indicator%20panel/indicator%20panel.stl][STL file]]
@@ -205,6 +230,7 @@ Download:
 :END:
 
 Schematic:
+#+attr_html: :class responsive-img
 [[file:connector%20terminal/schematic.png]]
 
 As seen above, most of the USB connectors are used to deliver dual
@@ -214,23 +240,28 @@ in as well to stabilize against smaller current spikes.
 
 Electrically schematic is realized using smaller prototype PCBs.
 
+#+attr_html: :class responsive-img
 [[file:connector%20terminal/make,%201.png]]
 
 
 Those PCBs are wired to central small PCB that acts as a hub:
 
+#+attr_html: :class responsive-img
 [[file:connector%20terminal/make,%202.png]]
 
 PCBs are held together by being sandwiched between front panel:
 
+#+attr_html: :class responsive-img
 [[file:connector%20terminal/front%20panel.png]]
 
 and smaller back-end plate:
 
+#+attr_html: :class responsive-img
 [[file:connector%20terminal/back%20panel.png]]
 
 Result:
 
+#+attr_html: :class responsive-img
 [[file:connector%20terminal/make,%203.png]]
 
 
index b99530c..2aadb6e 100644 (file)
@@ -1,10 +1,23 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: Versatile Heating/Cooling Plate with Triple Peltier Elements
-#+AUTHOR: Svjatoslav Agejenko
 #+LANGUAGE: en
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
+
+[[file:../../index.html][Back to physical projects]]
+
+#+TITLE: Versatile Heating/Cooling Plate with Triple Peltier Elements
 
 
 * Introduction
 
+#+attr_html: :class responsive-img
 [[file:make.png]]
 
 This is a home-built device that uses *three* Peltier elements. It can
@@ -34,6 +47,7 @@ hazard!
 
 
 My DIY device consists of the following major parts:
+#+attr_html: :class responsive-img
 [[file:schematic.png]]
 
 - Three Peltier modules, arranged on top of one-another for a higher
@@ -59,6 +73,7 @@ dump the waste heat/cold on the opposite end of the Peltier stack into
 the environment. If the hot side is not kept sufficiently cool, the
 effectiveness of the entire module drops.
 
+#+attr_html: :class responsive-img
 [[file:make, bottom.png]]
 
 * Files
@@ -68,17 +83,20 @@ effectiveness of the entire module drops.
 3D printable STL files:
 
 ** Main body of the construction
+#+attr_html: :class responsive-img
 [[file:body.stl]]
 
 - [[file:body, 1.png]]
 - [[file:body, 2.png]]
 
 ** Top cover
+#+attr_html: :class responsive-img
 [[file:top cover.stl]]
 
 - [[file:top cover.png]]
 
 ** Bottom cover
+#+attr_html: :class responsive-img
 [[file:bottom cover.stl]]
 
 - [[file:bottom cover.png]]
index 9c14d83..ae8aca4 100644 (file)
@@ -1,18 +1,25 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: USB desk fan modification
-#+author: Svjatoslav Agejenko
 #+LANGUAGE: en
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
+
+[[file:../../index.html][Back to physical projects]]
+
+#+TITLE: USB desk fan modification
+#+author: Svjatoslav Agejenko
 
-* (document settings) :noexport:
-** use dark style for TWBS-HTML exporter
-#+HTML_HEAD: <link href="https://bootswatch.com/3/darkly/bootstrap.min.css" rel="stylesheet">
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
-#+HTML_HEAD: <style type="text/css">
-#+HTML_HEAD:   footer {background-color: #111 !important;}
-#+HTML_HEAD:   pre {background-color: #111; color: #ccc;}
-#+HTML_HEAD: </style>
 
 * General
+:PROPERTIES:
+:CUSTOM_ID: general
+:END:
 + DISCLAIMER: I DO ELECTRONICS AND 3D DESIGN SOLELY AS A HOBBY. THERE
   COULD BE ERRORS THAT CAN RESULT IN ALL KINDS OF DAMAGE. USE THESE
   DESIGNS AT YOUR OWN RISK.
 * Project description
 End-result looks like this:
 
+#+attr_html: :class responsive-img
 [[file:make.png]]
 
 It all started with couple of cheap USB desk fans that were a bit too
 noisy:
 
+#+attr_html: :class responsive-img
 [[file:mini%20fan.png]]
 
 Idea is to add DC-DC step-down converter to reduce motor voltage to
@@ -46,6 +55,7 @@ USB powered thing on my desk, why not to share this power to allow
 charging of various other USB powered devices.
 
 I ended up with this schematic:
+#+attr_html: :class responsive-img
 [[file:schematic.png]]
 
 USB power of 5 volts that enters the system via DC jack is distributed
@@ -67,10 +77,12 @@ From original fan I kept:
 
 Engine is attached with screws to following back-plate:
 
+#+attr_html: :class responsive-img
 [[file:fan%20housing%20-%20fan%20mount.png]]
 
 And result is encased into pipelike case:
 
+#+attr_html: :class responsive-img
 [[file:fan%20housing%20-%20cover%20assembly.png]]
 
 
@@ -82,6 +94,7 @@ Download:
 Fan enclosure attaches to the rectangular body below using following
 connector (glued to the fan housing):
 
+#+attr_html: :class responsive-img
 [[file:fan%20housing%20connector.png]]
 
 Download:
@@ -89,12 +102,15 @@ Download:
 + [[file:fan%20housing%20connector.FCStd][FreeCAD project]]
 
 Bottom part to house 2 PCBs, on/off button and DC connector:
+#+attr_html: :class responsive-img
 [[file:bottom%20stand%20body.png]]
 
 Component attachment:
+#+attr_html: :class responsive-img
 [[file:make,%202.png]]
 
 And is closed by cover:
+#+attr_html: :class responsive-img
 [[file:bottom%20stand%20cover%20assembly.png]]
 
 Download:
@@ -103,6 +119,7 @@ Download:
 + [[file:bottom%20stand.FCStd][FreeCAD project]]
 
 After assembly, it looks like this from the back:
+#+attr_html: :class responsive-img
 [[file:make,%203.png]]
 
 Note, part of the body is deformed during printing. I have heated bed
index f86a7d6..1b7ea0a 100644 (file)
@@ -1,18 +1,24 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: Adjustable resistor / indicator
-#+AUTHOR: Svjatoslav Agejenko
 #+LANGUAGE: en
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
+
+[[file:../../index.html][Back to physical projects]]
+
+#+TITLE: Adjustable resistor / indicator
 
-* (document settings) :noexport:
-** use dark style for TWBS-HTML exporter
-#+HTML_HEAD: <link href="https://bootswatch.com/3/darkly/bootstrap.min.css" rel="stylesheet">
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
-#+HTML_HEAD: <style type="text/css">
-#+HTML_HEAD:   footer {background-color: #111 !important;}
-#+HTML_HEAD:   pre {background-color: #111; color: #ccc;}
-#+HTML_HEAD: </style>
 
 * General
+:PROPERTIES:
+:CUSTOM_ID: general
+:END:
 + DISCLAIMER: I DO ELECTRONICS AND 3D DESIGN SOLELY AS A HOBBY. THERE
   COULD BE ERRORS THAT CAN RESULT IN ALL KINDS OF DAMAGE. USE THESE
   DESIGNS AT YOUR OWN RISK.
@@ -35,6 +41,7 @@ dissipation and were not precise enough.
 
 Solution is to build adjustable resistor:
 
+#+attr_html: :class responsive-img
 [[file:make.png]]
 
 Logically there is series of resistors that increase in resistance in
@@ -43,9 +50,11 @@ resistor can be enabled or disabled by a switch. This makes entire
 range of 0 -- 1023.5 ohms available with the 0.5 ohms precision.
 
 Schematic:
+#+attr_html: :class responsive-img
 [[file:schematic.png]]
 
 Here is front panel for switches:
+#+attr_html: :class responsive-img
 [[file:front%20panel.png]]
 
 Download:
@@ -56,6 +65,7 @@ Sometimes I would like to use lightbulbs with various parameters as
 test load/indicator. Current device has 4 of them included.
 
 Here is front panel for light bulbs:
+#+attr_html: :class responsive-img
 [[file:indicator%20panel.png]]
 
 Download:
@@ -64,10 +74,12 @@ Download:
 
 
 After assembly using prototype PCB:
+#+attr_html: :class responsive-img
 [[file:make,%202.png]]
 
 
 Following body is used as a case and PCB support:
+#+attr_html: :class responsive-img
 [[file:body.png]]
 
 Download:
@@ -75,14 +87,17 @@ Download:
 + [[file:body.stl][STL file for body]]
 
 Result:
+#+attr_html: :class responsive-img
 [[file:make,%203.png]]
 
 Cover on the back:
+#+attr_html: :class responsive-img
 [[file:back%20cover.png]]
 
 Download: [[file:back%20cover.stl][STL file]]
 
 Button covers:
+#+attr_html: :class responsive-img
 [[file:button.png]]
 
 Download:
index 307892e..5e71c12 100644 (file)
@@ -1,18 +1,25 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: Alternative (and incompatible) layout for USB connectors
-#+author: Svjatoslav Agejenko
 #+LANGUAGE: en
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
+
+[[file:../../index.html][Back to physical projects]]
+
+#+TITLE: Alternative (and incompatible) layout for USB connectors
+#+author: Svjatoslav Agejenko
 
-* (document settings) :noexport:
-** use dark style for TWBS-HTML exporter
-#+HTML_HEAD: <link href="https://bootswatch.com/3/darkly/bootstrap.min.css" rel="stylesheet">
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
-#+HTML_HEAD: <style type="text/css">
-#+HTML_HEAD:   footer {background-color: #111 !important;}
-#+HTML_HEAD:   pre {background-color: #111; color: #ccc;}
-#+HTML_HEAD: </style>
 
 * General
+:PROPERTIES:
+:CUSTOM_ID: general
+:END:
 + DISCLAIMER: I DO ELECTRONICS AND 3D DESIGN SOLELY AS A HOBBY. THERE
   COULD BE ERRORS THAT CAN RESULT IN ALL KINDS OF DAMAGE. USE THESE
   DESIGNS AT YOUR OWN RISK.
@@ -37,6 +44,7 @@ my own needs. But it is dangerous. Not to be replicated unless you
 know that you are doing.
 
 
+#+attr_html: :class responsive-img
 [[file:make.png]]
 
 I needed a way to power various devices I build.
@@ -67,6 +75,7 @@ To avoid accidental mismatches, I mark all connectors/cables and devices that
 use alternative wiring with [[file:stickers.png][printed, laminated warning stickers]].
 
 Alternative wiring schematic:
+#+attr_html: :class responsive-img
 [[file:schematic.png]]
 
 - Outer shell is ground.
@@ -78,4 +87,5 @@ Alternative wiring schematic:
 Example warning marking on device to indicate that alternative USB
 layout is used here:
 
+#+attr_html: :class responsive-img
 [[file:../lab%20heater%20and%20cooler/make,%202.png]]
index 6e61e4f..fb81d9c 100644 (file)
@@ -1,18 +1,24 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: AA and AAA battery tester
-#+AUTHOR: Svjatoslav Agejenko
 #+LANGUAGE: en
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
+
+[[file:../../index.html][Back to physical projects]]
+
+#+TITLE: AA and AAA battery tester
 
-* (document settings) :noexport:
-** use dark style for TWBS-HTML exporter
-#+HTML_HEAD: <link href="https://bootswatch.com/3/darkly/bootstrap.min.css" rel="stylesheet">
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
-#+HTML_HEAD: <style type="text/css">
-#+HTML_HEAD:   footer {background-color: #111 !important;}
-#+HTML_HEAD:   pre {background-color: #111; color: #ccc;}
-#+HTML_HEAD: </style>
 
 * General
+:PROPERTIES:
+:CUSTOM_ID: general
+:END:
 + DISCLAIMER: I DO ELECTRONICS AND 3D DESIGN SOLELY AS A HOBBY. THERE
   COULD BE ERRORS THAT CAN RESULT IN ALL KINDS OF DAMAGE. USE THESE
   DESIGNS AT YOUR OWN RISK.
   - [[https://www.svjatoslav.eu/projects/][Other projects hosted at svjatoslav.eu]]
 
 * Project description
+#+attr_html: :class responsive-img
 [[file:make.png]]
 
+#+attr_html: :class responsive-img
 [[file:make,%202.png]]
 
 Simple rechargeable Ni-MH battery tester. The problem with those
@@ -44,6 +52,7 @@ shorting battery + and - terminals using 5 ohm power resistor
 (R1). Simultaneously battery voltage is being measured while under
 load.
 
+#+attr_html: :class responsive-img
 [[file:electrical%20schematic.png]]
 
 I use vintage analog voltmeter. Instead of power resistor I use
@@ -51,6 +60,7 @@ Nichrome resistance wire. Test/measurement button should not be
 pressed for long because power resistor gets hot quickly and battery
 is being quickly depleted during measurement.
 
+#+attr_html: :class responsive-img
 [[file:assembly.png]]
 
 + Body: [[file:body.png]]
index e318fb1..478e459 100644 (file)
@@ -1,18 +1,24 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: Cable organizer
-#+AUTHOR: Svjatoslav Agejenko
 #+LANGUAGE: en
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
+
+[[file:../../index.html][Back to physical projects]]
+
+#+TITLE: Cable organizer
 
-* (document settings) :noexport:
-** use dark style for TWBS-HTML exporter
-#+HTML_HEAD: <link href="https://bootswatch.com/3/darkly/bootstrap.min.css" rel="stylesheet">
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
-#+HTML_HEAD: <style type="text/css">
-#+HTML_HEAD:   footer {background-color: #111 !important;}
-#+HTML_HEAD:   pre {background-color: #111; color: #ccc;}
-#+HTML_HEAD: </style>
 
 * General
+:PROPERTIES:
+:CUSTOM_ID: general
+:END:
 + DISCLAIMER: I DO ELECTRONICS AND 3D DESIGN SOLELY AS A HOBBY. THERE
   COULD BE ERRORS THAT CAN RESULT IN ALL KINDS OF DAMAGE. USE THESE
   DESIGNS AT YOUR OWN RISK.
   - [[https://www.svjatoslav.eu/projects/][Other projects hosted at svjatoslav.eu]]
 
 * Project description
+#+attr_html: :class responsive-img
 [[file:make.png]]
 
 I have lots of wires in my lab, and I need quick access to them. This
 organizer allows to conveniently hang them on the wall. I use double
 sided tape to make it stick.
 
+#+attr_html: :class responsive-img
 [[file:body.png]]
 
 * Files
index dd6d162..2169a3d 100644 (file)
@@ -1,18 +1,24 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: Headphone hub
-#+AUTHOR: Svjatoslav Agejenko
 #+LANGUAGE: en
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
+
+[[file:../../index.html][Back to physical projects]]
+
+#+TITLE: Headphone hub
 
-* (document settings) :noexport:
-** use dark style for TWBS-HTML exporter
-#+HTML_HEAD: <link href="https://bootswatch.com/3/darkly/bootstrap.min.css" rel="stylesheet">
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
-#+HTML_HEAD: <style type="text/css">
-#+HTML_HEAD:   footer {background-color: #111 !important;}
-#+HTML_HEAD:   pre {background-color: #111; color: #ccc;}
-#+HTML_HEAD: </style>
 
 * General
+:PROPERTIES:
+:CUSTOM_ID: general
+:END:
 + DISCLAIMER: I DO ELECTRONICS AND 3D DESIGN SOLELY AS A HOBBY. THERE
   COULD BE ERRORS THAT CAN RESULT IN ALL KINDS OF DAMAGE. USE THESE
   DESIGNS AT YOUR OWN RISK.
@@ -33,20 +39,24 @@ Simple hub that allows connecting up to 4 devices via headphone
 jack. For example single laptop or mp3 player can power up to 3
 headphones.
 
+#+attr_html: :class responsive-img
 [[file:make.png]]
 
 Schematic diagram:
+#+attr_html: :class responsive-img
 [[file:schematic.png]]
 
 Warning: All devices are connected in parallel. Make sure that audio
 producing device can handle combined load. See:
 https://en.wikipedia.org/wiki/Series_and_parallel_circuits#Resistance_units_2
 
+#+attr_html: :class responsive-img
 [[file:make,%202.png]]
 
 Device consists of body and cover that are held together by single
 screw at the center:
 
+#+attr_html: :class responsive-img
 [[file:cover,%202.png]]
 
 * Download
@@ -55,6 +65,7 @@ screw at the center:
 
 
 Body [[file:body.stl][STL file]]
+#+attr_html: :class responsive-img
 [[file:body.png]]
 
 
@@ -62,4 +73,5 @@ Body [[file:body.stl][STL file]]
 -----
 Cover [[file:cover.stl][STL file]]
 
+#+attr_html: :class responsive-img
 [[file:cover.png]]
index b5f805f..aa93978 100644 (file)
@@ -1,18 +1,24 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: General purpose hook
-#+AUTHOR: Svjatoslav Agejenko
 #+LANGUAGE: en
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
+
+[[file:../../index.html][Back to physical projects]]
+
+#+TITLE: General purpose hook
 
-* (document settings) :noexport:
-** use dark style for TWBS-HTML exporter
-#+HTML_HEAD: <link href="https://bootswatch.com/3/darkly/bootstrap.min.css" rel="stylesheet">
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
-#+HTML_HEAD: <style type="text/css">
-#+HTML_HEAD:   footer {background-color: #111 !important;}
-#+HTML_HEAD:   pre {background-color: #111; color: #ccc;}
-#+HTML_HEAD: </style>
 
 * General
+:PROPERTIES:
+:CUSTOM_ID: general
+:END:
 + DISCLAIMER: I DO ELECTRONICS AND 3D DESIGN SOLELY AS A HOBBY. THERE
   COULD BE ERRORS THAT CAN RESULT IN ALL KINDS OF DAMAGE. USE THESE
   DESIGNS AT YOUR OWN RISK.
   - [[https://www.svjatoslav.eu/projects/][Other projects hosted at svjatoslav.eu]]
 
 * Project description
+#+attr_html: :class responsive-img
 [[file:make.png]]
 
 General purpose hook suitable for holding light things. Hook does not
 have screw holes. It is intended to be glued to the surface.
 
+#+attr_html: :class responsive-img
 [[file:hook.png]]
 
 * Files
index 0cef8d3..b4d268b 100644 (file)
@@ -1,18 +1,24 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: Portable stereo speaker
-#+AUTHOR: Svjatoslav Agejenko
 #+LANGUAGE: en
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
+
+[[file:../../index.html][Back to physical projects]]
+
+#+TITLE: Portable stereo speaker
 
-* (document settings) :noexport:
-** use dark style for TWBS-HTML exporter
-#+HTML_HEAD: <link href="https://bootswatch.com/3/darkly/bootstrap.min.css" rel="stylesheet">
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
-#+HTML_HEAD: <style type="text/css">
-#+HTML_HEAD:   footer {background-color: #111 !important;}
-#+HTML_HEAD:   pre {background-color: #111; color: #ccc;}
-#+HTML_HEAD: </style>
 
 * General
+:PROPERTIES:
+:CUSTOM_ID: general
+:END:
 + DISCLAIMER: I DO ELECTRONICS AND 3D DESIGN SOLELY AS A HOBBY. THERE
   COULD BE ERRORS THAT CAN RESULT IN ALL KINDS OF DAMAGE. USE THESE
   DESIGNS AT YOUR OWN RISK.
@@ -35,6 +41,7 @@ Also I wanted to test modular construction approach: motherboard with
 shared bus and functionality realized via pluggable modules. So I
 built stereo speaker:
 
+#+attr_html: :class responsive-img
 [[file:make.png]]
 
 Indicator on the front panel shows available power within the
@@ -43,11 +50,13 @@ run empty or when consumed power (too loud music) is greater than
 onboard power supply or batteries can handle. It has on/off switch and
 stereo audio input. Audio input impedance is about 100 ohms.
 
+#+attr_html: :class responsive-img
 [[file:make,%20side.png]]
 
 Idea for the holes on the top and smaller ones on the bottom back is
 to enable air flow for passive cooling.
 
+#+attr_html: :class responsive-img
 [[file:make,%20back.png]]
 
 Entire construction is made of parts, no larger than
@@ -56,11 +65,13 @@ Entire construction is made of parts, no larger than
 * Battery holder
 Device is powered by 4 times AA NiMH batteries (1.2V each).
 
+#+attr_html: :class responsive-img
 [[file:battery%20holder/schematic.png]]
 
 I happened to have AA battery adapters lying around with different
 bottom hole configurations. Therefore this weird hole design:
 
+#+attr_html: :class responsive-img
 [[file:battery%20holder/battery%20holder.png]]
 
 Download:
@@ -68,20 +79,24 @@ Download:
 + [[file:battery%20holder/battery%20holder.stl][STL file]]
 
 Result:
+#+attr_html: :class responsive-img
 [[file:battery%20holder/make.png]]
 
 Attaches to the back of the body:
+#+attr_html: :class responsive-img
 [[file:battery%20holder/mounted%20on%20the%20back.png]]
 
 * 20V up-step module
 Battery pack voltage is routed through main on/off switch on the front
 panel, and then it goes to the 20V up-step module.
 
+#+attr_html: :class responsive-img
 [[file:20V%20upstep%20module/schematic.png]]
 
 It uses ready made upstep module, but adds extra voltage filtering via
 inductor and capacitors.
 
+#+attr_html: :class responsive-img
 [[file:20V%20upstep%20module/make.png]]
 
 * Main board
@@ -89,21 +104,26 @@ inductor and capacitors.
 Voltage upstep above sits on top of main board (motherboard). It has
 uniform central bus that spans all connectors.
 
+#+attr_html: :class responsive-img
 [[file:main%20board/internal%20bus.png]]
 
+#+attr_html: :class responsive-img
 [[file:main%20board/bus%20on%20the%20bottom,%202.png]]
 
 First row of the main board is special IO terminal (for connecting
 speakers, front panel, etc..)
 
+#+attr_html: :class responsive-img
 [[file:main%20board/IO%20terminal.png]]
 
 Remaining rows are for connecting boards:
 
+#+attr_html: :class responsive-img
 [[file:main%20board/1.png]]
 
 To provide structural support, main board is attached to frame:
 
+#+attr_html: :class responsive-img
 [[file:main%20board/board%20fixator%20body.png]]
 
 Download:
@@ -112,6 +132,7 @@ Download:
 
 And boards plugged into main board are fixed at the top, using clip:
 
+#+attr_html: :class responsive-img
 [[file:main%20board/board%20fixator%20top%20clip.png]]
 
 Download:
@@ -120,8 +141,10 @@ Download:
 
 Result:
 
+#+attr_html: :class responsive-img
 [[file:main%20board/bus%20on%20the%20bottom,%201.png]]
 
+#+attr_html: :class responsive-img
 [[file:main%20board/board%20fixator.png]]
 
 * Mono audio amplifier module
@@ -131,20 +154,24 @@ clones. Each chip is mono audio amplifier. Therefore 2 almost
 identical audio amp modules had to be built, one for left speaker, one
 for right.
 
+#+attr_html: :class responsive-img
 [[file:mono%20audio%20amp%20module/schematic.png]]
 
 I like to build on top of prototype PCBs. Gives results much faster
 for one-off projects. Before soldering, I solve component layout on
 paper:
 
+#+attr_html: :class responsive-img
 [[file:mono%20audio%20amp%20module/PCB%20layout.png]]
 
 Result - front:
 
+#+attr_html: :class responsive-img
 [[file:mono%20audio%20amp%20module/assembled%20front.png]]
 
 Result - back:
 
+#+attr_html: :class responsive-img
 [[file:mono%20audio%20amp%20module/assembled%20back.png]]
 
 Here copper tape is used as improvised heatsink.
@@ -154,14 +181,17 @@ Here copper tape is used as improvised heatsink.
 High frequency small speaker and medium frequency bigger speaker are
 combined.
 
+#+attr_html: :class responsive-img
 [[file:speakers/schematic.png]]
 
 Capacitor acts as high-pass filter on top of tiny PCB:
 
+#+attr_html: :class responsive-img
 [[file:speakers/PCB%20layout.png]]
 
 Speaker enclosure:
 
+#+attr_html: :class responsive-img
 [[file:speakers/speaker%20enclosure.png]]
 
 Download:
@@ -170,6 +200,7 @@ Download:
 
 Speaker enclosure cover:
 
+#+attr_html: :class responsive-img
 [[file:speakers/speaker%20enclosure%20cover.png]]
 
 Download:
@@ -178,6 +209,7 @@ Download:
 
 Result:
 
+#+attr_html: :class responsive-img
 [[file:speakers/make.png]]
 
 * Front panel
@@ -194,24 +226,30 @@ need to power backlight for power indicator. For both of these cases,
 I decided to add another voltage up-step module (target voltage output
 set to 6V). This time directly on the front panel.
 
+#+attr_html: :class responsive-img
 [[file:front%20panel/schematic.png]]
 
 Front panel case:
 
+#+attr_html: :class responsive-img
 [[file:front%20panel/front%20panel,%20front.png]]
 
+#+attr_html: :class responsive-img
 [[file:front%20panel/front%20panel,%20back.png]]
 
 Electronics fits inside:
 
+#+attr_html: :class responsive-img
 [[file:front%20panel/front%20panel,%20back,%20make.png]]
 
 Front view:
 
+#+attr_html: :class responsive-img
 [[file:front%20panel/front%20panel,%20front,%20make.png]]
 
 And attaches to the remaining components:
 
+#+attr_html: :class responsive-img
 [[file:front%20panel/attachment.png]]
 
 * Extra capacitors
@@ -219,6 +257,7 @@ Another thing that become clear during load-testing: output
 power/volume can be further enhanced by adding high power capacitors
 to even out load on primary 20V up-step module.
 
+#+attr_html: :class responsive-img
 [[file:extra%20capacitors/extra%20caps.png]]
 
 Download:
@@ -228,6 +267,7 @@ Download:
 Extra caps are mounted on top of the speaker and electrically attached
 to the main board.
 
+#+attr_html: :class responsive-img
 [[file:extra%20capacitors/make.png]]
 
 * Center box
@@ -235,9 +275,11 @@ to the main board.
 Last physical part, to attach it all together: central body.
 
 Front:
+#+attr_html: :class responsive-img
 [[file:center%20box/front.png]]
 
 Back:
+#+attr_html: :class responsive-img
 [[file:center%20box/back.png]]
 
 Download:
@@ -246,6 +288,7 @@ Download:
 
 * Conclusions / TODO
 Photo of initial PSU + audio amp test:
+#+attr_html: :class responsive-img
 [[file:initial%20test.png]]
 
 
index 1fc6f82..d346e7e 100644 (file)
@@ -1,18 +1,24 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: Round ended pincers
-#+AUTHOR: Svjatoslav Agejenko
 #+LANGUAGE: en
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
+
+[[file:../../index.html][Back to physical projects]]
+
+#+TITLE: Round ended pincers
 
-* (document settings) :noexport:
-** use dark style for TWBS-HTML exporter
-#+HTML_HEAD: <link href="https://bootswatch.com/3/darkly/bootstrap.min.css" rel="stylesheet">
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
-#+HTML_HEAD: <style type="text/css">
-#+HTML_HEAD:   footer {background-color: #111 !important;}
-#+HTML_HEAD:   pre {background-color: #111; color: #ccc;}
-#+HTML_HEAD: </style>
 
 * General
+:PROPERTIES:
+:CUSTOM_ID: general
+:END:
 + DISCLAIMER: I DO ELECTRONICS AND 3D DESIGN SOLELY AS A HOBBY. THERE
   COULD BE ERRORS THAT CAN RESULT IN ALL KINDS OF DAMAGE. USE THESE
   DESIGNS AT YOUR OWN RISK.
 * Project description
 Pincers allow to push LEGO EV3 rounded pins in and also pull them out.
 
+#+attr_html: :class responsive-img
 [[file:make.png]]
 
 Make sure to have strong infill pattern and thick borders when
 printing for maximum strength.
 
 Schematic:
+#+attr_html: :class responsive-img
 [[file:schematic.png]]
 
 Design has half of the pincers. 2 identical pieces have to be printed
 out and connected at the end with glue and screw.
 
+#+attr_html: :class responsive-img
 [[file:make, 2.png]]
 
 * Download
index f561a1a..7ad08d0 100644 (file)
@@ -1,18 +1,24 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: Window holder
-#+AUTHOR: Svjatoslav Agejenko
 #+LANGUAGE: en
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
+
+[[file:../../index.html][Back to physical projects]]
+
+#+TITLE: Window holder
 
-* (document settings) :noexport:
-** use dark style for TWBS-HTML exporter
-#+HTML_HEAD: <link href="https://bootswatch.com/3/darkly/bootstrap.min.css" rel="stylesheet">
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
-#+HTML_HEAD: <style type="text/css">
-#+HTML_HEAD:   footer {background-color: #111 !important;}
-#+HTML_HEAD:   pre {background-color: #111; color: #ccc;}
-#+HTML_HEAD: </style>
 
 * General
+:PROPERTIES:
+:CUSTOM_ID: general
+:END:
 + DISCLAIMER: I DO ELECTRONICS AND 3D DESIGN SOLELY AS A HOBBY. THERE
   COULD BE ERRORS THAT CAN RESULT IN ALL KINDS OF DAMAGE. USE THESE
   DESIGNS AT YOUR OWN RISK.
   - [[https://www.svjatoslav.eu/projects/][Other projects hosted at svjatoslav.eu]]
 
 * Project description
+#+attr_html: :class responsive-img
 [[file:make.png]]
 
 Keeps window open so that strong wind will not slam it close.
 
+#+attr_html: :class responsive-img
 [[file:schematic.png]]
 
 Download:
index 54915dc..c9587c8 100644 (file)
@@ -1,18 +1,23 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: Fujifilm XC15-45mm lens case
-#+AUTHOR: Svjatoslav Agejenko
 #+LANGUAGE: en
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
+
+[[file:../../index.html][Back to physical projects]]
+
 
-* (document settings) :noexport:
-** use dark style for TWBS-HTML exporter
-#+HTML_HEAD: <link href="https://bootswatch.com/3/darkly/bootstrap.min.css" rel="stylesheet">
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
-#+HTML_HEAD: <style type="text/css">
-#+HTML_HEAD:   footer {background-color: #111 !important;}
-#+HTML_HEAD:   pre {background-color: #111; color: #ccc;}
-#+HTML_HEAD: </style>
 
 * General
+:PROPERTIES:
+:CUSTOM_ID: general
+:END:
 + DISCLAIMER: I DO ELECTRONICS AND 3D DESIGN SOLELY AS A HOBBY. THERE
   COULD BE ERRORS THAT CAN RESULT IN ALL KINDS OF DAMAGE. USE THESE
   DESIGNS AT YOUR OWN RISK.
@@ -29,6 +34,7 @@
   - [[https://www.svjatoslav.eu/projects/][Other projects hosted at svjatoslav.eu]]
 
 * Project description
+#+attr_html: :class responsive-img
 [[file:make.png]]
 
 Case for Fujifilm XC15-45mm lens.
@@ -36,6 +42,7 @@ Case for Fujifilm XC15-45mm lens.
 Design utilizes [[https://www.amazon.de/gp/product/B00TACKU0O/][3mm x 2mm thick neodymium magnets]].
 
 Schematic assembled:
+#+attr_html: :class responsive-img
 [[file:assembled.png]]
 
 - see also:
@@ -48,7 +55,9 @@ You can [[file:Fuji%20camera%20lens%20container.FCStd][download FreeCAD project]
 files ready for 3D printing:
 
 Body: [[file:body.stl][body.stl]]
+#+attr_html: :class responsive-img
 [[file:body.png]]
 
 Cover: [[file:cover.stl][cover.stl]]
+#+attr_html: :class responsive-img
 [[file:cover.png]]
index 08a8e5b..cd2adf1 100644 (file)
@@ -1,18 +1,23 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: Fujifilm XC50-230mm lens case
-#+AUTHOR: Svjatoslav Agejenko
 #+LANGUAGE: en
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
+
+[[file:../../index.html][Back to physical projects]]
+
 
-* (document settings) :noexport:
-** use dark style for TWBS-HTML exporter
-#+HTML_HEAD: <link href="https://bootswatch.com/3/darkly/bootstrap.min.css" rel="stylesheet">
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
-#+HTML_HEAD: <style type="text/css">
-#+HTML_HEAD:   footer {background-color: #111 !important;}
-#+HTML_HEAD:   pre {background-color: #111; color: #ccc;}
-#+HTML_HEAD: </style>
 
 * General
+:PROPERTIES:
+:CUSTOM_ID: general
+:END:
 + DISCLAIMER: I DO ELECTRONICS AND 3D DESIGN SOLELY AS A HOBBY. THERE
   COULD BE ERRORS THAT CAN RESULT IN ALL KINDS OF DAMAGE. USE THESE
   DESIGNS AT YOUR OWN RISK.
@@ -29,6 +34,7 @@
   - [[https://www.svjatoslav.eu/projects/][Other projects hosted at svjatoslav.eu]]
 
 * Project description
+#+attr_html: :class responsive-img
 [[file:make.png]]
 
 Case for Fujifilm XC50-230mm lens.
@@ -36,6 +42,7 @@ Case for Fujifilm XC50-230mm lens.
 Design utilizes [[https://www.amazon.de/gp/product/B00TACKU0O/][3mm x 2mm thick neodymium magnets]].
 
 Schematic assembled:
+#+attr_html: :class responsive-img
 [[file:assembled.png]]
 * Files
 
@@ -43,7 +50,9 @@ You can [[file:Fuji%20camera%20lens%20container.FCStd][download FreeCAD project]
 files ready for 3D printing:
 
 Body: [[file:body.stl][body.stl]]
+#+attr_html: :class responsive-img
 [[file:body.png]]
 
 Cover: [[file:cover.stl][cover.stl]]
+#+attr_html: :class responsive-img
 [[file:cover.png]]
index fc3907d..b089a45 100644 (file)
@@ -1,18 +1,24 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: Fujifilm camera battery box
-#+AUTHOR: Svjatoslav Agejenko
 #+LANGUAGE: en
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
+
+[[file:../../index.html][Back to physical projects]]
+
+#+TITLE: Fujifilm camera battery box
 
-* (document settings) :noexport:
-** use dark style for TWBS-HTML exporter
-#+HTML_HEAD: <link href="https://bootswatch.com/3/darkly/bootstrap.min.css" rel="stylesheet">
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
-#+HTML_HEAD: <style type="text/css">
-#+HTML_HEAD:   footer {background-color: #111 !important;}
-#+HTML_HEAD:   pre {background-color: #111; color: #ccc;}
-#+HTML_HEAD: </style>
 
 * General
+:PROPERTIES:
+:CUSTOM_ID: general
+:END:
 + DISCLAIMER: I DO ELECTRONICS AND 3D DESIGN SOLELY AS A HOBBY. THERE
   COULD BE ERRORS THAT CAN RESULT IN ALL KINDS OF DAMAGE. USE THESE
   DESIGNS AT YOUR OWN RISK.
@@ -29,6 +35,7 @@
   - [[https://www.svjatoslav.eu/projects/][Other projects hosted at svjatoslav.eu]]
 
 * Project description
+#+attr_html: :class responsive-img
 [[file:make.png]]
 
 Carrying case for spare Fujifilm camera Newell NP-W126 batteries.
index 151ebf7..07cf12f 100644 (file)
@@ -1,18 +1,24 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: Meiqqm portable dosimeter case
-#+AUTHOR: Svjatoslav Agejenko
 #+LANGUAGE: en
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
+
+[[file:../../index.html][Back to physical projects]]
+
+#+TITLE: Meiqqm portable dosimeter case
 
-* (document settings) :noexport:
-** use dark style for TWBS-HTML exporter
-#+HTML_HEAD: <link href="https://bootswatch.com/3/darkly/bootstrap.min.css" rel="stylesheet">
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
-#+HTML_HEAD: <style type="text/css">
-#+HTML_HEAD:   footer {background-color: #111 !important;}
-#+HTML_HEAD:   pre {background-color: #111; color: #ccc;}
-#+HTML_HEAD: </style>
 
 * General
+:PROPERTIES:
+:CUSTOM_ID: general
+:END:
 + DISCLAIMER: I DO ELECTRONICS AND 3D DESIGN SOLELY AS A HOBBY. THERE
   COULD BE ERRORS THAT CAN RESULT IN ALL KINDS OF DAMAGE. USE THESE
   DESIGNS AT YOUR OWN RISK.
@@ -30,6 +36,7 @@
 
 * Project description
 
+#+attr_html: :class responsive-img
 [[file:make.png]]
 
 This Geiger–Müller counter based nuclear radiation detector can be
@@ -38,6 +45,7 @@ bought [[https://www.amazon.de/gp/product/B07S171CD1/ref=ppx_yo_dt_b_asin_title_
 To better protect its display (for portable use), simple case have
 been made:
 
+#+attr_html: :class responsive-img
 [[file:Meiqqm%20portable%20dosimeter%20case.png]]
 
 Case has internally small bumps on the sides. It is suggested to
index 651747c..77725ff 100644 (file)
@@ -1,8 +1,23 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: NanoVNA case
-#+AUTHOR: Svjatoslav Agejenko
 #+LANGUAGE: en
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
+
+[[file:../../index.html][Back to physical projects]]
+
+#+TITLE: NanoVNA case
 
 * General
+:PROPERTIES:
+:CUSTOM_ID: general
+:END:
 + DISCLAIMER: I DO ELECTRONICS AND 3D DESIGN SOLELY AS A HOBBY. THERE
   COULD BE ERRORS THAT CAN RESULT IN ALL KINDS OF DAMAGE. USE THESE
   DESIGNS AT YOUR OWN RISK.
@@ -24,21 +39,25 @@ I felt that original NanoVNA case is too fragile for carrying this
 device around in the bag.
 
 
+#+attr_html: :class responsive-img
 [[file:NanoVNA, 1.png]]
 
 Therefore extra protective case was designed:
 
+#+attr_html: :class responsive-img
 [[file:make, 2.png]]
 
 Extra surrounding body adds better protection while exposing RF
 connectors and buttons.
 
+#+attr_html: :class responsive-img
 [[file:make, 3.png]]
 
 
 Also originally there is no housing for calibration and adapter
 connectors.
 
+#+attr_html: :class responsive-img
 [[file:make.png]]
 
 
@@ -46,21 +65,25 @@ connectors.
 Now there is also stylus / pincers help using touch screen and picking
 connectors from the box.
 
+#+attr_html: :class responsive-img
 [[file:make, 5.png]]
 
 Cover attaches to the body using [[https://www.amazon.de/gp/product/B00TACKU0O/][3mm x 2mm thick neodymium magnets]].
 
+#+attr_html: :class responsive-img
 [[file:make, 4.png]]
 
 * CAD renderings of assembled covers
 
 CAD drawing for inner box/case:
 
+#+attr_html: :class responsive-img
 [[file:inner%20body%20assembled.png]]
 
 
 CAD drawing for inner box/case within outer box:
 
+#+attr_html: :class responsive-img
 [[file:assembled.png]]
 
 * NanoVNA dimensions
@@ -69,6 +92,7 @@ Note: There are multiple variants of NanoVNA. Current project is
 designed for NanoVNA with following body dimensions (excluding buttons
 and connectors):
 
+#+attr_html: :class responsive-img
 [[file:NanoVNA, 2.png]]
 
 
@@ -84,29 +108,40 @@ case.
 
 -----
 
+#+attr_html: :class responsive-img
 [[file:inner%20box.stl][download: inner box]]
 
+#+attr_html: :class responsive-img
 [[file:inner%20box,%201.png]]
+#+attr_html: :class responsive-img
 [[file:inner%20box,%202.png]]
 
 -----
 
+#+attr_html: :class responsive-img
 [[file:inner%20cover.stl][download: inner cover]]
+#+attr_html: :class responsive-img
 [[file:inner%20cover.png]]
 
 -----
 
+#+attr_html: :class responsive-img
 [[file:outer%20box.stl][download: outer box]]
+#+attr_html: :class responsive-img
 [[file:outer%20box.png]]
 
 -----
 
+#+attr_html: :class responsive-img
 [[file:outer%20cover.stl][download: outer cover]]
+#+attr_html: :class responsive-img
 [[file:outer%20cover.png]]
 
 -----
 
+#+attr_html: :class responsive-img
 [[file:stylus.stl][download: stylus]]
+#+attr_html: :class responsive-img
 [[file:stylus.png]]
 
 * CAD files
index 229b896..2743350 100644 (file)
@@ -1,18 +1,24 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: Nikon COOLPIX W150 battery case
-#+AUTHOR: Svjatoslav Agejenko
 #+LANGUAGE: en
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
+
+[[file:../../index.html][Back to physical projects]]
+
+#+TITLE: Nikon COOLPIX W150 battery case
 
-* (document settings) :noexport:
-** use dark style for TWBS-HTML exporter
-#+HTML_HEAD: <link href="https://bootswatch.com/3/darkly/bootstrap.min.css" rel="stylesheet">
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
-#+HTML_HEAD: <style type="text/css">
-#+HTML_HEAD:   footer {background-color: #111 !important;}
-#+HTML_HEAD:   pre {background-color: #111; color: #ccc;}
-#+HTML_HEAD: </style>
 
 * General
+:PROPERTIES:
+:CUSTOM_ID: general
+:END:
 + DISCLAIMER: I DO ELECTRONICS AND 3D DESIGN SOLELY AS A HOBBY. THERE
   COULD BE ERRORS THAT CAN RESULT IN ALL KINDS OF DAMAGE. USE THESE
   DESIGNS AT YOUR OWN RISK.
   - [[https://www.svjatoslav.eu/projects/][Other projects hosted at svjatoslav.eu]]
 
 * Project description
+#+attr_html: :class responsive-img
 [[file:make.png]]
 
 When closed:
+#+attr_html: :class responsive-img
 [[file:make, 2.png]]
 
 
@@ -46,4 +54,5 @@ files ready for 3D printing:
 + Cover: [[file:cover.stl][download STL]]
 
 Schematic:
+#+attr_html: :class responsive-img
 [[file:schematic.png]]
index c449b55..107c903 100644 (file)
@@ -1,18 +1,24 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: DIY USB extension cable
-#+AUTHOR: Svjatoslav Agejenko
 #+LANGUAGE: en
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
+
+[[file:../../index.html][Back to physical projects]]
+
+#+TITLE: DIY USB extension cable
 
-* (document settings) :noexport:
-** use dark style for TWBS-HTML exporter
-#+HTML_HEAD: <link href="https://bootswatch.com/3/darkly/bootstrap.min.css" rel="stylesheet">
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
-#+HTML_HEAD: <style type="text/css">
-#+HTML_HEAD:   footer {background-color: #111 !important;}
-#+HTML_HEAD:   pre {background-color: #111; color: #ccc;}
-#+HTML_HEAD: </style>
 
 * General
+:PROPERTIES:
+:CUSTOM_ID: general
+:END:
 + DISCLAIMER: I DO ELECTRONICS AND 3D DESIGN SOLELY AS A HOBBY. THERE
   COULD BE ERRORS THAT CAN RESULT IN ALL KINDS OF DAMAGE. USE THESE
   DESIGNS AT YOUR OWN RISK.
@@ -43,12 +49,15 @@ There are 2 designs:
 :ID:       36c7eef2-83a1-440d-99a6-86d826ba0621
 :END:
 
+#+attr_html: :class responsive-img
 [[file:PLA%20+%20TPU/make.png]]
 
 Following parts are glued together:
+#+attr_html: :class responsive-img
 [[file:PLA%20+%20TPU/make,%202.png]]
 
 ** Male connector case
+#+attr_html: :class responsive-img
 [[file:PLA%20+%20TPU/male%20connector%20case.png]]
 
 Download:
@@ -58,8 +67,10 @@ Download:
 
 ** Female connector case
 
+#+attr_html: :class responsive-img
 [[file:PLA%20+%20TPU/female%20connector%20case,%201.png]]
 
+#+attr_html: :class responsive-img
 [[file:PLA%20+%20TPU/female%20connector%20case,%202.png]]
 
 
@@ -72,9 +83,11 @@ Download:
 :ID:       b19bae1f-aa07-438f-aba0-276697a77355
 :END:
 
+#+attr_html: :class responsive-img
 [[file:TPU/make.png]]
 
 3D rendering of the cover:
+#+attr_html: :class responsive-img
 [[file:TPU/schematic.png]]
 
 Download:
index 48e95c8..ae82312 100644 (file)
@@ -1,18 +1,25 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: Macro filter storage compartment
-#+author: Svjatoslav Agejenko
 #+LANGUAGE: en
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
+
+[[file:../../index.html][Back to physical projects]]
+
+#+TITLE: Macro filter storage compartment
+#+author: Svjatoslav Agejenko
 
-* (document settings) :noexport:
-** use dark style for TWBS-HTML exporter
-#+HTML_HEAD: <link href="https://bootswatch.com/3/darkly/bootstrap.min.css" rel="stylesheet">
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
-#+HTML_HEAD: <style type="text/css">
-#+HTML_HEAD:   footer {background-color: #111 !important;}
-#+HTML_HEAD:   pre {background-color: #111; color: #ccc;}
-#+HTML_HEAD: </style>
 
 * General
+:PROPERTIES:
+:CUSTOM_ID: general
+:END:
 + DISCLAIMER: I DO ELECTRONICS AND 3D DESIGN SOLELY AS A HOBBY. THERE
   COULD BE ERRORS THAT CAN RESULT IN ALL KINDS OF DAMAGE. USE THESE
   DESIGNS AT YOUR OWN RISK.
@@ -29,6 +36,7 @@
   - [[https://www.svjatoslav.eu/projects/][Other projects hosted at svjatoslav.eu]]
 
 * Project description
+#+attr_html: :class responsive-img
 [[file:make.png]]
 
 Case for 52mm [[https://en.wikipedia.org/wiki/Close-up_lens][macro filter]].
index b9c7007..45f72cf 100644 (file)
@@ -1,18 +1,25 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: Case for microscope slides and cover slips.
-#+author: Svjatoslav Agejenko
 #+LANGUAGE: en
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
+
+[[file:../../index.html][Back to physical projects]]
+
+#+TITLE: Case for microscope slides and cover slips.
+#+author: Svjatoslav Agejenko
 
-* (document settings) :noexport:
-** use dark style for TWBS-HTML exporter
-#+HTML_HEAD: <link href="https://bootswatch.com/3/darkly/bootstrap.min.css" rel="stylesheet">
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
-#+HTML_HEAD: <style type="text/css">
-#+HTML_HEAD:   footer {background-color: #111 !important;}
-#+HTML_HEAD:   pre {background-color: #111; color: #ccc;}
-#+HTML_HEAD: </style>
 
 * General
+:PROPERTIES:
+:CUSTOM_ID: general
+:END:
 + DISCLAIMER: I DO ELECTRONICS AND 3D DESIGN SOLELY AS A HOBBY. THERE
   COULD BE ERRORS THAT CAN RESULT IN ALL KINDS OF DAMAGE. USE THESE
   DESIGNS AT YOUR OWN RISK.
@@ -29,6 +36,7 @@
   - [[https://www.svjatoslav.eu/projects/][Other projects hosted at svjatoslav.eu]]
 
 * Project description
+#+attr_html: :class responsive-img
 [[file:make.png]]
 
 Case for microscope slides and cover slips. Design utilizes [[https://www.amazon.de/gp/product/B00TACKU0O/][3mm x 2mm
index f4f6dc0..9511d80 100644 (file)
@@ -1,18 +1,24 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: 27mm and 55mm rolls
-#+AUTHOR: Svjatoslav Agejenko
 #+LANGUAGE: en
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
+
+[[file:../../index.html][Back to physical projects]]
+
+#+TITLE: 27mm and 55mm rolls
 
-* (document settings) :noexport:
-** use dark style for TWBS-HTML exporter
-#+HTML_HEAD: <link href="https://bootswatch.com/3/darkly/bootstrap.min.css" rel="stylesheet">
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
-#+HTML_HEAD: <style type="text/css">
-#+HTML_HEAD:   footer {background-color: #111 !important;}
-#+HTML_HEAD:   pre {background-color: #111; color: #ccc;}
-#+HTML_HEAD: </style>
 
 * General
+:PROPERTIES:
+:CUSTOM_ID: general
+:END:
 + DISCLAIMER: I DO ELECTRONICS AND 3D DESIGN SOLELY AS A HOBBY. THERE
   COULD BE ERRORS THAT CAN RESULT IN ALL KINDS OF DAMAGE. USE THESE
   DESIGNS AT YOUR OWN RISK.
@@ -29,6 +35,7 @@
   - [[https://www.svjatoslav.eu/projects/][Other projects hosted at svjatoslav.eu]]
 
 * Project description
+#+attr_html: :class responsive-img
 [[file:make.png]]
 
 I am a big fan of [[https://www.thingiverse.com/thing:2471753][stackable bins organizer]]. I find 2x2 bins with 21mm
@@ -37,6 +44,7 @@ handheld screwdriver is good for twisting wire onto the
 roll. Therefore I designed rolls that have standard hexagonal hole on
 the bottom (for screwdriver compatibility):
 
+#+attr_html: :class responsive-img
 [[file:roll 27mm/roll 27mm, body, 2.png]]
 
 and 20mm total roll height, to be used with stackable bins
@@ -47,8 +55,10 @@ overhangs that are hard to print.
 
 * 27mm diameter roll
 
+#+attr_html: :class responsive-img
 [[file:roll 27mm/roll 27mm, assembled.png]]
 
+#+attr_html: :class responsive-img
 [[file:roll 27mm/roll 27mm, assembled, 2.png]]
 
 
@@ -58,6 +68,7 @@ overhangs that are hard to print.
 
 * 55mm diameter roll
 
+#+attr_html: :class responsive-img
 [[file:roll 55mm/roll 55mm, assembled.png]]
 
 
index ddb071a..b36c27e 100644 (file)
--- a/index.org
+++ b/index.org
@@ -9,6 +9,8 @@
 #+OPTIONS: H:20 num:20
 #+OPTIONS: author:nil
 
+#+HTML_HEAD: <link rel="stylesheet" href="style.css"/>
+
 * Overview
 Collection of physical projects. Electronics, 3D designs etc..
 
index 572b80d..207576b 100644 (file)
@@ -1,19 +1,22 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: 35mm film copying device
-#+AUTHOR: Svjatoslav Agejenko
-#+LANGUAGE: en
 #+MACRO: imglnk @@html:<br/><a href="$1"><img style="width:100%; max-width:500px;" src="$2"></a>@@
+#+LANGUAGE: en
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
 
-* (document settings) :noexport:
-** use dark style for TWBS-HTML exporter
-#+HTML_HEAD: <link href="https://bootswatch.com/3/darkly/bootstrap.min.css" rel="stylesheet">
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
-#+HTML_HEAD: <style type="text/css">
-#+HTML_HEAD:   footer {background-color: #111 !important;}
-#+HTML_HEAD:   pre {background-color: #111; color: #ccc;}
-#+HTML_HEAD: </style>
+[[file:../../index.html][Back to physical projects]]
 
 * General
+:PROPERTIES:
+:CUSTOM_ID: general
+:END:
 + DISCLAIMER: I DO ELECTRONICS AND 3D DESIGN SOLELY AS A HOBBY. THERE
   COULD BE ERRORS THAT CAN RESULT IN ALL KINDS OF DAMAGE. USE THESE
   DESIGNS AT YOUR OWN RISK.
@@ -30,6 +33,7 @@
   - [[https://www.svjatoslav.eu/projects/][Other projects hosted at svjatoslav.eu]]
 
 * Project description
+#+attr_html: :class responsive-img
 [[file:make.png]]
 
 Device fixes 35mm film so that it can be digitized by photographing to
index c85db72..48c7749 100644 (file)
@@ -1,18 +1,24 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: Fujifilm X-mount camera microscope adapter
-#+AUTHOR: Svjatoslav Agejenko
 #+LANGUAGE: en
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
+
+[[file:../../index.html][Back to physical projects]]
+
+#+TITLE: Fujifilm X-mount camera microscope adapter
 
-* (document settings) :noexport:
-** use dark style for TWBS-HTML exporter
-#+HTML_HEAD: <link href="https://bootswatch.com/3/darkly/bootstrap.min.css" rel="stylesheet">
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
-#+HTML_HEAD: <style type="text/css">
-#+HTML_HEAD:   footer {background-color: #111 !important;}
-#+HTML_HEAD:   pre {background-color: #111; color: #ccc;}
-#+HTML_HEAD: </style>
 
 * General
+:PROPERTIES:
+:CUSTOM_ID: general
+:END:
 + DISCLAIMER: I DO ELECTRONICS AND 3D DESIGN SOLELY AS A HOBBY. THERE
   COULD BE ERRORS THAT CAN RESULT IN ALL KINDS OF DAMAGE. USE THESE
   DESIGNS AT YOUR OWN RISK.
@@ -29,6 +35,7 @@
   - [[https://www.svjatoslav.eu/projects/][Other projects hosted at svjatoslav.eu]]
 
 * Project description
+#+attr_html: :class responsive-img
 [[file:make.png]]hh
 
 This 3D printed tube allows to connect microscope to camera that
@@ -52,9 +59,11 @@ applied to exterior of adapter.
 [[https://www.svjatoslav.eu/photos/microscopic][Here are sample photos done using this device]].
 
 Camera side:
+#+attr_html: :class responsive-img
 [[file:Camera side.png]]
 
 Microscope side:
+#+attr_html: :class responsive-img
 [[file:Microscope side.png]]
 
 + Download:
@@ -65,6 +74,7 @@ Note: Fujifilm camera by default might refuse to make photos because
 electrically it does not sense any attached lens. This can be fixed by
 choosing "SHOOT WITHOT LENS" option within camera settings menu.
 
+#+attr_html: :class responsive-img
 [[file:shoot without lens.png]]
 
 
index 2158cd2..163a649 100644 (file)
@@ -1,19 +1,24 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: Gyroscope stabilizer for binoculars
-#+AUTHOR: Svjatoslav Agejenko
 #+LANGUAGE: en
-#+MACRO: imglnk @@html:<br/><a href="$1"><img style="width:100%; max-width:500px;" src="$2"></a>@@
-
-* (document settings) :noexport:
-** use dark style for TWBS-HTML exporter
-#+HTML_HEAD: <link href="https://bootswatch.com/3/darkly/bootstrap.min.css" rel="stylesheet">
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-#+HTML_HEAD: <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
-#+HTML_HEAD: <style type="text/css">
-#+HTML_HEAD:   footer {background-color: #111 !important;}
-#+HTML_HEAD:   pre {background-color: #111; color: #ccc;}
-#+HTML_HEAD: </style>
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
+
+[[file:../../index.html][Back to physical projects]]
+
+#+TITLE: Gyroscope stabilizer for binoculars
+
 
 * General
+:PROPERTIES:
+:CUSTOM_ID: general
+:END:
 + DISCLAIMER: I DO ELECTRONICS AND 3D DESIGN SOLELY AS A HOBBY. THERE
   COULD BE ERRORS THAT CAN RESULT IN ALL KINDS OF DAMAGE. USE THESE
   DESIGNS AT YOUR OWN RISK.
@@ -30,6 +35,7 @@
   - [[https://www.svjatoslav.eu/projects/][Other projects hosted at svjatoslav.eu]]
 
 * Project description
+#+attr_html: :class responsive-img
 [[file:make.png]]
 
 Problem with powerful binoculars is that they are almost unusable
@@ -40,12 +46,14 @@ portable gyro stabilizer that has camera tripod interface. Therefore
 cameras and binoculars can be mounted.
 
 
+#+attr_html: :class responsive-img
 [[file:make,%202.png]]
 
 
 Old computer hard disk platters are used as rotating discs. They are
 attached to following disk mount:
 
+#+attr_html: :class responsive-img
 [[file:disk%20mount%20body.png]]
 
 Download:
@@ -55,6 +63,7 @@ Download:
 Disk platters are fixed to disk mount using glued tightly fitting top
 ring:
 
+#+attr_html: :class responsive-img
 [[file:disk%20mount%20top%20ring.png]]
 
 Download:
@@ -64,15 +73,19 @@ Discs are rotated by electric motor. Motor is cooled by electric fan.
 Motor and fan are powered by 12V that is generated by 3 voltage upstep
 converters running in parallel.
 
+#+attr_html: :class responsive-img
 [[file:schematic.png]]
 
 Body:
+#+attr_html: :class responsive-img
 [[file:make,%201.png]]
 
 FreeCAD model of the main body:
 
+#+attr_html: :class responsive-img
 [[file:main%20body,%201.png]]
 
+#+attr_html: :class responsive-img
 [[file:main%20body,%202.png]]
 
 Download:
@@ -81,10 +94,12 @@ Download:
 
 Rotating discs are covered and protected by top cover:
 
+#+attr_html: :class responsive-img
 [[file:top%20cover.png]]
 
 Bottom part of the main body has cover:
 
+#+attr_html: :class responsive-img
 [[file:bottom%20cover.png]]
 
 Download:
@@ -93,6 +108,7 @@ Download:
 Camera/binoculars can be mounted on dedicated holder that is screwed
 on top of the cover:
 
+#+attr_html: :class responsive-img
 [[file:binocular%20mount.png]]
 
 Download:
@@ -101,8 +117,10 @@ Download:
 
 Result:
 
+#+attr_html: :class responsive-img
 [[file:make,%203.png]]
 
+#+attr_html: :class responsive-img
 [[file:make,%204.png]]
 
 * Conclusion
index b3c8ec6..023efa8 100644 (file)
@@ -1,3 +1,17 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
+#+TITLE: Project
+#+LANGUAGE: en
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}
+#+LATEX_HEADER: \usepackage{parskip}
+#+LATEX_HEADER: \usepackage[none]{hyphenat}
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+HTML_HEAD: <link rel="stylesheet" href="../../style.css"/>
+
+[[file:../../index.html][Back to physical projects]]
+
 * gear 1
 | pitch circle    | ~60 mm |
 | number of teeth |     40 |
diff --git a/style.css b/style.css
new file mode 100644 (file)
index 0000000..b2379bd
--- /dev/null
+++ b/style.css
@@ -0,0 +1,35 @@
+/* === Physical project shared styles === */
+
+/* Responsive images - photos and renders */
+.responsive-img {
+  width: min(100%, 600px);
+  height: auto;
+  display: block;
+  margin: 0 auto;
+}
+
+/* Project page images - centered with max width */
+.project-img {
+  width: min(100%, 500px);
+  height: auto;
+  display: block;
+  margin: 1em auto;
+}
+
+/* Schematic/diagram images - can be wider */
+.schematic-img {
+  width: min(100%, 800px);
+  height: auto;
+  display: block;
+  margin: 1em auto;
+}
+
+/* Table styling for download/parts tables */
+table {
+  margin: 1em auto;
+  max-width: 100%;
+}
+
+td, th {
+  padding: 0.5em;
+}