Code Monkey home page Code Monkey logo

rbucinell.com's Introduction

My Personal Webpage (rbucinell.com)

This repo is the source code for my personal website rbucinell.com, which is hosted by github pages. Deployed with github workflows.

Building from source

This is a static site that is compiled by Astro. Run the following commands to get started.

  1. npm install
  2. npm run dev

Notes on pages

/projects.html

This is a dynamically built webpage. The script will iterate through my projects directory and create a json config file of all projects found. On page load the config file will be loaded and rendered as a list. If its a link then the hyperlink will be provided

/code.html

Just some old projects I've created, with download links and descriptions.

/flash.html

Flash is what got me into coding, so its bittersweet that its gone. While the projects dont run anymore, I've updated it to be a gallery of images for what they entailed.

/websites.html

Few sites I've stood up either for personal projects or freelance

/graphics.html

Originally a place to host my comptuer graphics homework. Ocassionally I add some phtoshop work.

/resume.html

The real reason the site exists at all, nice web version accompanied by a downloadable pdf

rbucinell.com's People

Contributors

dependabot[bot] avatar rbucinell avatar

Watchers

avatar avatar avatar

rbucinell.com's Issues

Visually distinct colors

rbucinell.com/src/pages/misc/squares.astro

Line 862 in 1fcc0c9

let CSS_COLOR_NAMES = ["Indigo", "DarkOrange", "AntiqueWhite", "Ivory", "DarkRed", "Aqua", "RoyalBlue", "DarkSalmon", "SaddleBrown", "LawnGreen", "Salmon", "MidnightBlue", "Black", "LightBlue", "SeaGreen", "DeepPink", "Silver", "DodgerBlue", "Olive", "FireBrick", "Orange", "OrangeRed", "Tan", "Crimson", "GhostWhite", "Gold", "Tomato", "DarkBlue", "Magenta", "Maroon", "MediumAquaMarine", "PeachPuff", "Wheat", "WhiteSmoke", "DarkKhaki", "Yellow", "PowderBlue", "MediumBlue", "PapayaWhip", "Gainsboro", "Lime", "Gray", "PaleVioletRed", "Teal", "Coral", "White", "Blue", "MistyRose", "Black"];

https://mokole.com/palette.html generated this list of 50 visually distinct numbers to use

const DISTINCT_COLORS = { 
    darkslategray: '#2f4f4f', darkolivegreen: '#556b2f', olivedrab: '#6b8e23', sienna: '#a0522d', brown: '#a52a2a', forestgreen: '#228b22', midnightblue: '#191970', slategray: '#708090', mediumseagreen: '#3cb371', rosybrown: '#bc8f8f', darkkhaki: '#bdb76b', darkcyan: '#008b8b', steelblue: '#4682b4', navy: '#000080', chocolate: '#d2691e', yellowgreen: '#9acd32', limegreen: '#32cd32', goldenrod: '#daa520', purple2: '#7f007f', darkseagreen: '#8fbc8f', maroon3: '#b03060', darkorchid: '#9932cc', orangered: '#ff4500', darkturquoise: '#00ced1', darkorange: '#ff8c00', gold: '#ffd700', slateblue: '#6a5acd', mediumblue: '#0000cd', lime: '#00ff00', mediumspringgreen: '#00fa9a', crimson: '#dc143c', deepskyblue: '#00bfff', sandybrown: '#f4a460', blue: '#0000ff', purple3: '#a020f0', lightcoral: '#f08080', greenyellow: '#adff2f', tomato: '#ff6347', lightsteelblue: '#b0c4de', fuchsia: '#ff00ff', dodgerblue: '#1e90ff', laserlemon: '#ffff54', plum: '#dda0dd', lightgreen: '#90ee90', deeppink: '#ff1493', paleturquoise: '#afeeee', violet: '#ee82ee', aquamarine: '#7fffd4', hotpink: '#ff69b4', bisque: '#ffe4c4'
}

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.