Fork of Fork of Smiley Gone Mad

index.js

import React from 'react';

import ReactDOM from 'react-dom';

//import { arc } from 'd3';

import { Background } from './Background';

import { Head } from './Head';

import { LipsMouthTeeth } from './LipsMouthTeeth2';

import { Ears } from './Ears';

import { BrowsEyes } from './BrowsEyes';

import { Nose } from './Nose';

import { BeautyMark } from './BeautyMark';

import { Hair } from './Hair';

//import { FaceContainer } from './FaceContainer';

const width = 1000;

const height = 800;

const centerX = width/2;

const centerY = height/2;

const strokeW = 20; //W used as prefix for Width

const mouthW = 80;

const mouthR = 140; //R used as prefix for Radius, sometimes means Ratio...

//const lipMouthWR = 0.4; //R means Ratio...

//const lipW = lipMouthWR*mouthW;

const headR=centerY - strokeW/2;

const FaceContainer = ( {children} ) => (

<defs>

// this filter is used by Face, Nose, and Lips...

</filter>

</defs >

Last edited Nov 06, 2021

Created on Oct 30, 2021

Almost a face.... switching to REACT....

A bare minimum HTML page demonstrating use of CSS and JavaScript.