Merge pull request #2 from derecksprojects/DT-14-add-dmplot-logo-and-…

…tufte-style-adjustments

DT-14: Added logo for dmplot and adjust placement of images on homepage.

README.md

@@ -1 +1,39 @@
 # [derecksprojects.com](https://www.derecksprojects.com) <img src="./images/logo/256-20240628_beige-tufte_derecksprojects-logo.png" width="75" align="right">
+
+This repository contains the source code for Dereck's Projects Consulting website, built with Quarto and inspired by the Tufte-Quarto project.
+
+## About
+
+A Quarto-based website showcasing my consulting/contracting services:
+
+- Tufte-style theming
+- Custom styling aligned with brand identity
+
+## Tech Stack
+
+- Quarto
+- HTML/CSS
+- Adapted Quarto configuration
+
+## Usage
+
+1. Install [Quarto](https://quarto.org/docs/get-started/)
+2. Clone the repository
+3. Navigate to the project directory
+4. Run `quarto preview` to view locally
+
+## Customisation
+
+Using the extension by @fredhuth [Tufte-Quarto template](https://github.com/fredguth/tufte-quarto) with modifications. Customised by editing `_extensions/fredguth/styles.css`.
+
+## Acknowledgements
+
+- fredguth for the original Tufte-Quarto template
+
+## Copyright
+
+© 2024 Dereck's Projects Consulting. All rights reserved.
+
+---
+
+For more information, visit [Dereck's Projects | Consulting](https://www.derecksprojects.com).

_extensions/fredguth/tufte/styles.css

@@ -2,13 +2,6 @@
     color: #5a6570;
     font-size: .625rem;
 }
-.sidebar-title {
-    margin-top: .25rem;
-    padding-bottom: .5rem;
-    font-size: .76rem;
-    line-height: 1rem;
-    visibility: visible;
-}
 
 .sidebar-item-container .chapter-number {
     color: #212529;
@@ -45,10 +38,8 @@ body {
 } */
 
 header .chapter-title {
-    font-family: 'Minion Pro', 'Crimson', serif;
-    font-style: italic;
     text-transform: none;
-    font-size: 2.2rem;
+    font-size: 1rem;
     letter-spacing: normal;
 }
 
@@ -95,6 +86,10 @@ display: none
     color: maroon !important;
 }
 .sidebar-title {
+    margin-top: .25rem;
+    padding-bottom: .5rem;
+    visibility: visible;
+    /* --- */
     font-family: helvetica, monospace;
     font-style: normal;
     text-transform: uppercase;
@@ -156,6 +151,10 @@ display: none
     background: transparent;
 }
 
+#quarto-sidebar.show {
+    background: white;
+}
+
 div.sidebar-item-container .active, div.sidebar-item-container :hover, div.sidebar-item-container .show>.nav-link, div.sidebar-item-container .sidebar-link>code {
     color: maroon;
 }

_quarto.yml

@@ -1,17 +1,20 @@
+# version: 0.0.2
 project:
   type: tufte
   preview:
     port: 7777
 book:
   open-graph: true
   favicon: favicon.ico
-  twitter-card: true
+  twitter-card:
+    image: "/images/logo/512-20240628_beige-tufte_derecksprojects-logo.png"
+    title: "Dereck's Projects Consulting"
+    description: "Software | Bioinformatics | Data Science"
   site-url: https://derecksprojects.com/
   repo-url: https://github.com/derecksprojects/derecksprojects.com/
   repo-actions: [issue]
   title: |
-    Dereck's Projects\
-    Consulting
+    Dereck's Projects Consulting
   subtitle: Software | Bioinformatics | Data Science
   title-short: Software and data consulting # used in the pdf head
   output-file: derecksprojects.com

index.qmd

@@ -4,7 +4,7 @@
 </div>
 ```
 
-# Preface
+# Welcome
 
 I began programming at age 15 and have since developed professional expertise in software and data engineering. My formal education includes an MSc of Bioinformatics in Systems & Synthetic Biology. This combination of long-term programming experience and scientific training enables effective work at the intersection of life sciences and advanced computing.
 
@@ -16,12 +16,12 @@ As an American raised in France, I possess native fluency in English, French, an
 
 ### [Dereck's Notes](https://www.derecksnotes.com){target="_blank"}
 
-Dereck's Notes[^1] began in 2017 as a personal project, an attempt to integrate and condense everything I had learned in university. I have always been a prolific note taker, and I wanted to create a platform to share my knowledge with others. The project has since evolved into a knowledge distribution platform, scientific dictionary, scientific journal, and blog.
-
 ::: {.content-visible when-format="html"}
 [![derecksnotes.com](/images/portfolio/derecksnotes.png){.column-margin #fig-cover}](https://www.derecksnotes.com){target="_blank"}
 :::
 
+Dereck's Notes[^1] began in 2017 as a personal project, an attempt to integrate and condense everything I had learned in university. I have always been a prolific note taker, and I wanted to create a platform to share my knowledge with others. The project has since evolved into a knowledge distribution platform, scientific dictionary, scientific journal, and blog.
+
 Early versions were in PHP, version 4.0 of the project demonstrates a dern technical stack to integrate advanced features and improve maintainability. I strongly focused one a polished frontend and backend, as well as strong DevOps + CI/CD.
 
 Key technical aspects:
@@ -40,7 +40,11 @@ Notable features:
 
 [^1]: [Dereck's Notes GitHub Repo](https://github.com/derecksprojects/derecksnotes.com){target="_blank"}
 
-### [dmplot](https://github.com/dereckmezquita/dmplot)
+### [dmplot](https://dereckmezquita.github.io/dmplot){target="_blank"}
+
+::: {.content-visible when-format="html"}
+[![dmplot](/images/portfolio/512-20240628_dmplot-logo.png){.column-margin}](https://dereckmezquita.github.io/dmplot){target="_blank"}
+:::
 
 My interest in algorithmic trading and financial data analysis originated during my Master's degree. This academic pursuit led to a personal project: developing an algorithmic trading bot. From this, the `dmplot`[^2] [^3] package emerged as a comprehensive R framework for financial and time series data analysis.
 
@@ -74,9 +78,10 @@ These publications exemplify my approach to leveraging computational methods for
 
 [Consulting/Contract work](/pages/consulting.qmd)
 
+- [derecksnotes.com](https://derecksnotes.com){target="_blank"}
 - GitHub:
     - [github.com/dereckmezquita](https://github.com/dereckmezquita){target="_blank"}
     - [github.com/derecksprojects](https://github.com/derecksprojects){target="_blank"}
-- [YouTube](https://youtube.com/@derecksyoutube){target="_blank"}
-- [derecksnotes.com](https://derecksnotes.com){target="_blank"}
+- [LinkedIn](https://www.linkedin.com/in/dereck/)
 - [Google Scholar](https://scholar.google.com/citations?user=3mWWedgAAAAJ&hl=en){target="_blank"}
+- [YouTube](https://youtube.com/@derecksyoutube){target="_blank"}