Drupal / Eleventy Docs Site for the Design System

Related tags

Miscellaneous design-system-docs
Overview

Design System Docs Site

Developer Set-up

Clone the repo and cd into the repo directory

git clone [email protected]:mlibrary/design-system-docs.git
cd design-system-docs

Make everything in the drupal directory writeable by www-data aka uid 33.

sudo chgrp -R 33 drupal/*

build the drupal image

docker-compose build

Start it up

docker-compose up -d

Apply the configuration

docker-compose run --rm drupal drush config:import --source /drupal-config

For drupal, in a browser go to localhost:3333

user: admin
password: password

Saving Drupal Config

When a change to drupal site configuration should be commited to the repository run this command:

docker-compose run --rm drupal drush config:export --destination /drupal-config

Then commit the files generated in drupal/config/.

Comments
  • DS-132 - transform codepen + display color tokens

    DS-132 - transform codepen + display color tokens

    • refactor transforms so we can more readily add more as we need
    • build the color palettes display from tokens.json when encountering <docs-color-block> in content
    opened by respinos 2
  • Styles for prose headings and tables

    Styles for prose headings and tables

    What's new

    • Added some beginning styles for table
    • Removed media query for breadcrumbs as team needs to re-review breadcrumb in small viewport
    • Added some margin for headings in post (.prose) content
    opened by bridgetburke 0
  • Override height in reset, alert, and pagination styles

    Override height in reset, alert, and pagination styles

    What's new

    • Fixing the recurring height issue from umich lib css.
    • Moved alert partial below UH and changed the type
    • Some styling for alert and pagination
    • Added tokens.json for color table shenanigans
    opened by bridgetburke 0
  • [DS-117] Add Google Tag code to Doc Site

    [DS-117] Add Google Tag code to Doc Site

    Overview

    Google Tag Manager has been set up in the admin, and now needs to be added to the website. This pull requests adds the generated code that will allow us to control GA4 events.

    Screenshots

    Tag Assistant in lower right corner Tag Assistant showing up in lower-right corner of window.

    GTM Summary preview Preview of test trigger being fired in GTM dashboard.

    documentation enhancement 
    opened by erinesullivan 0
  • DS-118 clean-up, nav, and og

    DS-118 clean-up, nav, and og

    What's new

    • Clean up and add links for footer, quick resources, etc...
    • Fix missing link in <head>
    • Add open graph and twitter cards in <head>, along with social-card.png
    • Hover states for Quick resources and footer links
    • Mobile view cleanup for banner width and styling
    • Mobile view primary nav now wraps. Will discuss dropdown with team.
    • Img width updates to battle against the lib CSS (revert)

    Tested in

    • [X] Chrome
    • [X] Firefox (doesn't like :has but not a big deal currently where it is used)
    • [X] Safari
    opened by bridgetburke 0
  • CI and drupal updates

    CI and drupal updates

    This PR:

    • adds a dump of the production mysql from 2022-Oct-24. The admin password has been reset to password.
    • makes the drupal image builder and deploy-er action something that is only triggered manually
    • adds an action for building and deploying the site to netlify. It can only be triggered manually right now. Many other options are commented out in case we want them in the future.
    • refactors the JS that gets the drupal json to use environment variables for auth and host
    • adds docker for 11ty development

    This PR resolves DS-126 assuming that the netlify ci works which we won't know until we run it.

    opened by niquerio 0
  • DS-118, DS-112, DS-124

    DS-118, DS-112, DS-124

    What's New

    This was the working branch for several tickets.

    Highlights

    • Style, layouts, and partials (callouts, pagination, feedback, alert...) for the UI (Bridget)
    • Drupal JSON connection (Roger)
    • Link rewriting, updating permalinks (these now work in 11ty!) (Roger)
    • Markdown plugin to replace code ticks with html <code> (Roger)
    • Menu order (Roger)
    opened by bridgetburke 0
  • Update permalinks + start generating structure

    Update permalinks + start generating structure

    • update-permalinks.js uses the data from drupal.js to rewrite links to their permalinks
    • update-permalinks.js adds id attributes to the headers and rewrites anchor links to match
    • update-markup.js is the bones for replacing Drupal content with published versions

    So far: `back-ticked text` is converted to <code>back-ticked text</code>

    opened by respinos 0
  • DS-84 Add 11ty to design-system-docs repo

    DS-84 Add 11ty to design-system-docs repo

    Overview

    This is the initial PR for adding 11ty to this repo. DS-84. This is similar to the design-system-11ty-starter but there are new additions:

    • Added eleventy-fetch and a test fetch from the Drupal JSON:API. The test data is on the Foundations/Brand page.
    • Placeholder pages for About and Foundations to test breadcrumbs, primary navigation, and side navigation for pages
    • Some beginning styles for layout

    Testing

    • cd 11ty folder
    • npm install
    • npm start
    • Add a style to any scss file and confirm build in http://localhost:8080/
    opened by bridgetburke 0
  • DS-106 configure theme

    DS-106 configure theme

    A whole lot of machinery to add some custom styles. ¯_(ツ)_/¯

    Based on Seven which is stock theme that doesn't look so 2010.

    From the theme's README:

    Adding the theme to an existing install

    1. Open https://design-system-cms.kubernetes.lib.umich.edu/admin/appearance
    2. Install the "Design System Documentation" theme and set as default

    Adding the theme to a new install

    1. Open https://design-system-cms.kubernetes.lib.umich.edu/admin/appearance
    2. Configure Seven as the default theme and the admin theme
    3. Save changes
    4. Go back to 1
    5. Install the "Design System Documentation" theme and set as default

    If Seven isn't configured as default first, this theme inherits a completely baffled blocks layout.

    opened by respinos 0
Owner
University of Michigan Library
University of Michigan Library
GitHub
Perform static analysis of Drupal PHP code with phpstan-drupal.

Perform static analysis of Drupal PHP code with PHPStan and PHPStan-Drupal on Drupal using PHP 8. For example: docker run --rm \ -v $(pwd)/example01

Dcycle 0 Dec 10, 2021
Drall - a tool to that helps run drush commands on multi-site Drupal installations

Drall Drall is a tool to that helps run drush commands on multi-site Drupal installations. One command to drush them all. — Jigarius A big thanks and

Jigar Mehta 23 Nov 25, 2022
An ultra-fast Laravel docs search workflow for Alfred 3+.

Laravel Docs Workflow for Alfred An ultra-fast Laravel docs search workflow for Alfred 3+. Installation Download the latest version Install the workfl

Till Krüss 317 Dec 21, 2022
A tool for diff'ing this and OpenTHC lab metrics, creating their objects, and docs.

wcia-analytes-tool Consumes OpenTHC Lab Metrics and WCIA Analytes, and produces diff objects and docs for use in WA State interop. version 0.9.8 Getti

Confidence Analytics 1 Jan 15, 2022
A fast Directus docs search workflow for Alfred

Directus Docs Workflow for Alfred A fast Directus docs search workflow for Alfred. Adapted from Tailwind CSS Docs, which is adapted from Alfred VueJS

null 2 Aug 28, 2022
Run your WP site on github pages, php innovation award winner https://www.phpclasses.org/package/12091-PHP-Make-a-WordPress-site-run-on-GitHub-pages.html

Gitpress Run wordpress directly on github pages Gitpress won the innovation award for may 2021 Read more about this https://naveen17797.github.io/gitp

naveen 13 Nov 18, 2022
Site Web pour un site de conciergerie d'entreprise

DATE DE CREATION : 30 novembre 2021 • Développement d'un site Web pour une entreprise de conciergerie pour entreprise, une interface pour les dirigea

Tiffany Dufetel 1 Jan 10, 2022
Workshop environment for Decoupled Drupal

Decoupled Drupal Workshop ?? Welcome to the Bluehorn Digital Decoupled Drupal workshop repository! This repository contains a decoupled ready Drupal b

Bluehorn Digital 6 Feb 2, 2022
The Drupal Vendor Hardening Composer Plugin

The Drupal Vendor Hardening Composer Plugin

Drupal 13 Oct 4, 2022
Drupal Composer Scaffold - A flexible Composer project scaffold builder

This project provides a composer plugin for placing scaffold files (like index.php, update.php, …) from the drupal/core project into their desired location inside the web root. Only individual files may be scaffolded with this plugin.

Drupal 44 Sep 22, 2022
Extension for PHPStan to allow analysis of Drupal code.

phpstan-drupal Extension for PHPStan to allow analysis of Drupal code. Sponsors Would you like to sponsor? Usage When you are using phpstan/extension-

Matt Glaman 154 Jan 2, 2023
Simple WHOIS script with beautiful design.

Simple PHP Whois It is ideal in terms of design and has easy operation. / Tasarım açısından idealdir ve kullanımı kolaydır. It has a simple interface.

Raiven 1 Jul 16, 2022
Repo do vídeo do youtube de Design Patterns - Decorator

DesignPatternsPHP-Decorator Repo do vídeo do Youtube de Design Patterns - Decorator Link do vídeo Decorator em PHP 8 Imagem de exemplo Link do cadastr

Leonardo Tumadjian 10 Aug 18, 2022
PHP_Depend is an adaptation of the established Java development tool JDepend. This tool shows you the quality of your design in terms of extensibility, reusability and maintainability.

PHP Depend Documentation PHP Depend for enterprise Available as part of the Tidelift Subscription. The maintainers of PHP Depend and thousands of othe

PHP_Depend 837 Dec 14, 2022
the examples of head first object oriented analysis & design - in PHP

Head First object oriented analysis & design in (PHP) after cloning the repository, you have to install the project's dependancies by running the foll

Muhammed ElFeqy 3 Oct 16, 2021
Learning design patterns by implementing them in various programming languages.

design-patterns Learning design patterns by implementing them in various programming languages. Creational design patterns Creational design patterns

Paweł Tryfon 1 Dec 13, 2021
Sample code for several design patterns in PHP 8

DesignPatternsPHP Read the Docs of DesignPatternsPHP or Download as PDF/Epub This is a collection of known design patterns and some sample codes on ho

null 21k Jan 5, 2023
Design Pattern Examples in PHP

Design Patterns in PHP This repository is part of the Refactoring.Guru project. It contains PHP examples for all classic GoF design patterns. Each pat

Refactoring.Guru 909 Dec 22, 2022
Detection of design patterns in PHP code

Pattern Detector for PHP Detects design pattern in your code

Jean-François Lépine 105 Aug 23, 2022