From dbd95f65fc661a198c97dde3a6cc4d54bbab7469 Mon Sep 17 00:00:00 2001 From: knolax <1339802534.kk@gmail.com> Date: Mon, 19 Feb 2018 13:53:35 -0500 Subject: initial commit --- cont/index.html | 131 +++++++++++++++++++++++++++++++++++++++++++++++ gen.sh | 43 ++++++++++++++++ img/banner.png | Bin 0 -> 23961 bytes img/c.png | Bin 0 -> 70428 bytes img/elec.png | Bin 0 -> 171425 bytes img/mech.png | Bin 0 -> 153477 bytes img/webandterm.png | Bin 0 -> 84219 bytes index | 1 + index.html | 148 +++++++++++++++++++++++++++++++++++++++++++++++++++++ src/footer.html | 5 ++ src/header.html | 12 +++++ style.css | 65 +++++++++++++++++++++++ 12 files changed, 405 insertions(+) create mode 100644 cont/index.html create mode 100755 gen.sh create mode 100644 img/banner.png create mode 100644 img/c.png create mode 100644 img/elec.png create mode 100644 img/mech.png create mode 100644 img/webandterm.png create mode 100644 index create mode 100644 index.html create mode 100644 src/footer.html create mode 100644 src/header.html create mode 100644 style.css diff --git a/cont/index.html b/cont/index.html new file mode 100644 index 0000000..5307a22 --- /dev/null +++ b/cont/index.html @@ -0,0 +1,131 @@ +Urbana Electronics & Programming Summer Program +

When it comes to computers, it's almost required that you teach yourself +everything there is to know. This autodidacticism might work for some, but +becomes frustrating for preteens not used to it. On the other hand, in person +educational programs offered by schools are often aimed towards the lowest +common +denominator, oversimplifying things to the point where your child loses interest +in them.

+

The Urban Computing and Electronics Summer Program aims to provide a +balance between this, offering practical and challenging course material, but +also providing in person tutoring for those who have little prior experience. +This two week program is tailored to your child's skill level and offers +topics ranging from High Level Programming, Low Level Programming, +Electronics, Web Design, Cyber Security, and UNIX system maintenance.

+
+ + + + +
+About Me +

+My name is Haoran S. Diao, I'm a self taught electronics and programming +hobbyist. + +I have experience in: +

+ +

+I have been: +

+ +Course Details +---Required Course Materials +

A dedicated laptop that Linux will be installed on, this can be any +obsolete laptop made after 2010. This does not have to be a very fast computer +at all. In most cases, previous data and OS will be wiped on installation of new +OS, but dualbooting(keeping both systems) can be done for certain computers. If +you can no provide a dedicated laptop then you can purchase a Raspberry Pi kit +for ~80 from me or online.

+ +

Optional Course Materials:

+ +

These will only be required for certain projects, you are not required +to bring these if we do not end up exploring that topic.

+ +---Course Outline: + diff --git a/gen.sh b/gen.sh new file mode 100755 index 0000000..82d8763 --- /dev/null +++ b/gen.sh @@ -0,0 +1,43 @@ +pages=$(ls -S -t cont/| grep html | grep -v index.html) #lists the actual content +#-S -t so that the files are roughly in time order +#index is excluded and appended at the end to make sure it gets processed last +pages="$pages index.html" +#clears the index +rm index +for page in $pages; do + #clears page and page.tmp + rm $page $page.tmp + #adds the header + cat src/header.html >> $page.tmp + + #finds the [SETTITLE], but ignores \[SETTITLE], then filters out the [SETTITLE] part + #the head is to make it use the last one + title=$(cat cont/$page | grep '\[SETTITLE\]'| sed '/\\\[SETTITLE\]/d; s/\[SETTITLE\]//' | tail -n 1) + #does the same for the date + date=$(cat cont/$page | grep '\[SETDATE\]'| sed '/\\\[SETDATE\]/d; s/\[SETDATE\]//' | tail -n 1) + + + #replaces \[SETTITLE] with [SETTITLE], and removes lines with legitimate [SETTITLE]s in a temporary file + cat cont/$page | sed '/\\\[SETTITLE\]/bx; /\[SETTITLE\].*/d;:x s/\\\[SETTITLE\]/\[SETTITLE\]/' >> $page.tmp + #same for the date + cat $page.tmp | sed '/\\\[SETDATE\]/bx; /\[SETDATE\].*/d;:x s/\\\[SETDATE\]/\[SETDATE\]/' >> $page + + #adds the index if its the homepage + if [ "$page" == "index.html" ]; then + cat index >> $page + rm index + fi + #adds the footer + cat src/footer.html >> $page + + #replaces \[TITLE] with [TITLE] and [TITLE] with $title, "" is used so the $ still applies + + #however that means "\\\\" becomes "\\" when passed to sed from bash, and finally interpreted as a literal \ by sed + cat $page | sed "/\\\\\[TITLE\]/bx; s/\[TITLE\]/$title/; :x s/\\\\\[TITLE\]/\[TITLE\]/" > $page.tmp + #same with date + cat $page.tmp | sed "/\\\\\[DATE\]/bx; s/\[DATE\]/$date/; :x s/\\\\\[DATE\]/\[DATE\]/" > $page + + rm $page.tmp + #adds to the index + echo "[$title] $date" >> index +done diff --git a/img/banner.png b/img/banner.png new file mode 100644 index 0000000..1cc0b4d Binary files /dev/null and b/img/banner.png differ diff --git a/img/c.png b/img/c.png new file mode 100644 index 0000000..b523215 Binary files /dev/null and b/img/c.png differ diff --git a/img/elec.png b/img/elec.png new file mode 100644 index 0000000..e5dbd7c Binary files /dev/null and b/img/elec.png differ diff --git a/img/mech.png b/img/mech.png new file mode 100644 index 0000000..7a2deae Binary files /dev/null and b/img/mech.png differ diff --git a/img/webandterm.png b/img/webandterm.png new file mode 100644 index 0000000..2d338d2 Binary files /dev/null and b/img/webandterm.png differ diff --git a/index b/index new file mode 100644 index 0000000..bd0574c --- /dev/null +++ b/index @@ -0,0 +1 @@ +[] diff --git a/index.html b/index.html new file mode 100644 index 0000000..8c4441e --- /dev/null +++ b/index.html @@ -0,0 +1,148 @@ + + + + + + + + +
+ +
+
+Urbana Electronics & Programming Summer Program +

When it comes to computers, it's almost required that you teach yourself +everything there is to know. This autodidacticism might work for some, but +becomes frustrating for preteens not used to it. On the other hand, in person +educational programs offered by schools are often aimed towards the lowest +common +denominator, oversimplifying things to the point where your child loses interest +in them.

+

The Urban Computing and Electronics Summer Program aims to provide a +balance between this, offering practical and challenging course material, but +also providing in person tutoring for those who have little prior experience. +This two week program is tailored to your child's skill level and offers +topics ranging from High Level Programming, Low Level Programming, +Electronics, Web Design, Cyber Security, and UNIX system maintenance.

+
+ + + + +
+About Me +

+My name is Haoran S. Diao, I'm a self taught electronics and programming +hobbyist. + +I have experience in: +

+ +

+I have been: +

+ +Course Details +---Required Course Materials +

A dedicated laptop that Linux will be installed on, this can be any +obsolete laptop made after 2010. This does not have to be a very fast computer +at all. In most cases, previous data and OS will be wiped on installation of new +OS, but dualbooting(keeping both systems) can be done for certain computers. If +you can no provide a dedicated laptop then you can purchase a Raspberry Pi kit +for ~80 from me or online.

+ +

Optional Course Materials:

+ +

These will only be required for certain projects, you are not required +to bring these if we do not end up exploring that topic.

+ +---Course Outline: + +
+ + diff --git a/src/footer.html b/src/footer.html new file mode 100644 index 0000000..6ec7259 --- /dev/null +++ b/src/footer.html @@ -0,0 +1,5 @@ + + + diff --git a/src/header.html b/src/header.html new file mode 100644 index 0000000..51532af --- /dev/null +++ b/src/header.html @@ -0,0 +1,12 @@ + + +[TITLE] + + + + + +
+ +
+
diff --git a/style.css b/style.css new file mode 100644 index 0000000..28a2c31 --- /dev/null +++ b/style.css @@ -0,0 +1,65 @@ +/*removes margins for all*/ +* { + margin: none; + padding: none; + background-color : #262626; + color: #d9d9d9; + font-family: monospace; + font-size: 110%; +} +img { + display: block; + margin-left: auto; + margin-right: auto; +} +h { + display: block; + font-size: 120%; + color: #5dc833; + margin-top: 2vh; +} +.main { + display: block; + /*to center we give it automargins*/ + margin-left: auto; + margin-right: auto; + /*won't be wider than the 1.5 * screen is tall so that it doesn't mess up + * the aspect ratio + */ + max-width: 150vh; +} +/*this is the banner image, we want this to cover the whole screen at first*/ +.banner { + display: block; + /*make it cover up whole screen*/ + height: 100vh; + width: auto; + /*center*/ + margin-left : auto; + margin-right: auto; + /* width is 1.5height */ + /* we do not want 1.5 * heigh to exceed 100vw*/ + max-height:60vw; +} +/*cuts off any overflow*/ +.bannerholder { + display: block; + overflow: hidden; +} +.exampleimage{ + /*block, but still linebreaks*/ + display: inline-block; + width: 24%; + min-width: 30vh; + height: auto; +} +/*for centering the above*/ +.img-holder{ + display: block; + /*centers the inline blocks*/ + text-align: center; +} +/*child of list*/ +.listchild{ + font-size: 90%; +} -- cgit v1.1