Synthetic tiles are made from blends of new or recycled plastic that can last for decades. A proprietary molding process is used to create tiles in a wide variety of formats (Synthetic slate, shake, clay, etc...) that look better and are far stronger than the natural materials. They can be installed over asphalt shingle shingles or as tile roofs and for commercial applications.


|
|
Meridian Point : LU-1
Location: 6 cun lateral to the anterior midline, level with the 1st ICS.
English Name: Central Treasury
Pinyin Name: Zhong Fu
Actions & Effect:
Lung Front MU Point - useful for all LU Issues, especially of Excess Type - cough, wheezing, asthma.
LU disharmonies involving Phlegm/Heat excess arising from the middle warmer - vomiting, difficult ingestion.
Disease
Cough, asthma, distending fullness of lung, supression in the chest, pain in chest, shoulder and back
Meridian Point : LU-2
Location: 6 cun lateral to the anterior midline, below the clavicle in a depression medial to the coracoid process.
English Name: Cloud Gate
Pinyin Name: Yun Men
Actions & Effect:
Similar to LU 1 but used more often as a local shoulder point.
Cough, asthma, tension in the chest.
Disease
Cough, asthma, pain in chest, shoulder and back
Meridian Point : LU-3
Location: 3 cun below the axillary fold on the radial side of the biceps brachii tendon.
English Name: Celestial Storehouse
Pinyin Name: Tian Fu
Actions & Effect:
Window of the Sky Point, regulates head/body Qi flow - goiters, swellings in the neck.
Lung related spirit disharmonies - stress induced asthma, poor memory, fuzzy/muddled thinking, depression, "floating corpse ghost talk", "melancholy crying ghost talk" (classical descriptions possibly for seeing ghost, talking about ghosts a/or people who have died, being in constant long-term grief about someone who has passed, etc.).
LV invading the LU pathologies.
Generally for heat related issues whether from excess or deficiency - nosebleed, coughing blood.
Disease
Dyspnea, epistaxis, pain in the medial portion of the upper arm.
Meridian Point : LU-4
Location: 1 cun below LU 3 on the radial side of the biceps brachii muscle, on the LU 3 to LU 5 line.
English Name: Guarding White
Pinyin Name: Guarding White
Actions & Effect:
Local Point.
May be used for cough, shortness of breath, chest pain, heart pain.
Pain in the medial aspect of the upper arm.
Disease
Cough, irritable and distending sensation in the chest, pain in the medial portion or the upper arm.
Meridian Point : LU-5
Location:At the cubital crease on the radial side of the biceps brachii tendon.
English Name: Cubit Marsh
Pinyin Name: Chi Ze
Actions & Effect:
He Sea Point - useful for counterflow Qi/diarrhea, hot skin conditions, phlegm-heat excess.
Acute/Chronic or Exterior/Interior Conditions.
Upper body edema, enuresis.
Local point for the elbow - tendonitis, tennis elbow.
Classically noted for the 5 types of Lumbar Pain - possibly the upper body equivalent of UB 40.
Disease
Cough, dyspnea, afternoon fever, sore throat, dryness of the tongue, fullness in the chest, pain of the elbow and arm, vomiting
Meridian Point : LU-6
Location:7 cun above LU 9 on the line joining LU 5 and LU 9.
English Name: Collection Hole
Pinyin Name: Kong Zui
Actions & Effect:
Xi Cleft Point - for Acute attacks of OPI's, usually wind-heat or wind-dry - cough, wheezing, asthma, sore throat.
Dry hacking cough, especially at night.
Local point for pain along the meridian, especially at the joints.
Disease
Cough, dyspnea, sore throat, aphonia, headache
Meridian Point : LU-7
Location:1.5 cun above the wrist crease, superior to the styloid process of the radius (not on the LU 5 - LU 9 line in TCM). Japanese LU 7 is found proximal to the styloid process and it is on the LU 5 - LU 9 line.
English Name: Broken Sequence
Pinyin Name: Lie Que
Actions & Effect:
Exterior Wind - body aches, chills/fever, runny nose, scratchy throat, sneezing.
Internal Wind - bell's palsy, twitching, spasms, lockjaw.
As Master Point of the CV, paired with KD 6 of the Yin Qiao Mai - treats genitourinary and gynecological issues also Yin deficient sore throat.
Command Point of the Head and Posterior Neck - useful for any conditions involving these areas.
Pain of the thumb - Luo Connecting Point spreads over the thenar eminence.
Disease
Cough, asthma, migraine, stiff neck, sore throat, toothache, distorted face, feverish urination, feverish sensation in the palms
Meridian Point : LU-8
Location: 1 cun above LU 9 on the line joining LU 5 & LU 9.
English Name:Channel Ditch
Pinyin Name:Jing Qu
Actions & Effect:
Not as broad of an effect as LU 7, still useful for expelling wind, tonifying Qi and Yin.
Pain in the area of KD 1 - plantar fascitis.
Wrist pain - carpal tunnel syndrome.
Disease
Cough, asthma, sore throat, pain in the chest, back and wrist
Meridian Point : LU-9
Location: At the wrist crease on the radial side of the radial artery.
English Name: Great Abyss
Pinyin Name: Tai Yuan
Actions & Effect:
Tonify LU Qi and Yin - cough, asthma, wheezing, SOB, chronic runny nose w/watery discharge.
Palpitations.
Wrist pain, arm pain along meridian.
Hui Meeting Point of the Vessls - circulation issues, clarifying an indescernible pulse (for diagnosis).
Disease
Cough, asthma, sore throat, pain in the chest and back, feverish sensation in the palms, weakness and pain of the wrist
Meridian Point : LU-10
Location: On the radial aspect of the 1st metacarpal at the midpoint of the bone at the junction of the red and white skin.
English Name: Fish Border
Pinyin Name: Yu Ji
Actions & Effect:
Clear Excess or Deficiency Heat from the LU Channel and Organ.
Sore throat w/excess heat.
Reckless bleeding from heat.
Disease
Cough, aphonia, sore throat, feverish sensation in the palms
Meridian Point : LU-11
Location: .1 cun posterior to the thumb nail on the radial side
English Name: Lesser Shang
Pinyin Name: Shao Shang
Actions & Effect:
Extreme sore throat (may bleed point to reduce heat).
Revival point especially from wind-stroke.
Disease
Cough, asthma, sore throat, abdominal fullness, mania
|


Making sure that the content and the websites we create are usable to people with impairments or disabilities.
The following is a checklist that contains recommendations for implementing HTML-related principles and techniques for those seeking WCAG 2.0 conformance (it is NOT the Web Content Accessibility Guidelines (WCAG) 2.0).
Source: http://webaim.org/standards/wcag/checklist
tabindex
attribute:
-1
: Not in the natural tab order, but programatically
focusable using JavaScript with focus()
method. Useful
for off-screen content which later appears on screen. Children
elements are NOT pulled out of the tab order.
0
: In the natural tab order and can be programatically
focused.
1
(bigger than 1): In the natural tab order but jumped
in front of the tab order regardless of where it is in the DOM. It
can be considered an anti-pattern.
document.activeElement
is useful in tracking the current
element that has focus on.

with for
attributes for form
elements.
alt
attribute for
elements.
Alt text must describe the image.

,

,
,

,

,

,
to indicate
landmarks on the page.

. ARIA can also modify element semantics.
aria-role
attributes tell assistive technologies that the
element should follow that role’s accessibility patterns. There are
well-defined roles in the HTML spec. Do not define them on your own.
tabindex="0"
is usually added to it elements that have
role
added so that it can be focused.
aria-label
is useful for labelling buttons where the
content is empty or contains only icons.
aria-labelledby
is similar to

elements, and can be used on any
elements.
aria-labelledby
attribute in
the previous example indicates that the

is
labelled by the element with that id
.
aria-activedescendent
, aria-describedby
,
aria-labelledby
, aria-owns
,
aria-posinset
and aria-setsize
.
visibility
:
<button style="visibility: hidden">
.
display
:
<button style="display: none">
.
hidden
attribute:

. This makes the element hidden to
everyone.
aria-hidden
attribute:

. This makes the element
hidden to screenreaders too. Note that
aria-hidden
attribute requires an explicit value of
true
or false
.
Technique for screenreader-only text:
.screenreader {
position: absolute;
left: -1000px;
width: 1px;
height: 1px;
overflow: hidden;
}
aria-live
attribute can be used to grab the assistive
technology’s attention to cause it to announce updates to the user.
Practically, include aria-live
attributes in the initial
page load. The different aria-live
values include:
off
(default) - Updates will not be presented unless
the region is currently focused.
polite
- Assistive technologies should announce updates
at the next graceful opportunity, such as at the end of speaking the
current sentence on when the user pauses typing. Such as receiving
new chat messages.
assertive
- Highest priority and assistive technologies
should notify the user immediately. Examples include server status
error alerts.
aria-atomic
attribute indicates whether the entire region
should be presented as a whole when communicating updates. Such as a
date widget comprising of multiple <input>
fields for
day/month/year. When the user changes a field, the full contents of the
widget will be read out. It takes in a true
or
false
value.
aria-relevant
attribute indicates what types of changes
should be presented to the user.
additions
- Element nodes are added to the DOM within
the live region.
removals
- Text or element nodes within the live region
are removed from the DOM.
text
- Text is added to any DOM descendant nodes of the
live region.
all
- Equivalent to the combination of all values,
additions removals text
.
additions text
(default) - Equivalent to the
combination of values, additions text
.
aria-busy
attribute indicates the assistive technologies
should ignore changes to the element, such as when things are loading,
for example after a temporary connectivity loss. It takes in
true
or false
. It takes in a
true
or false
value.
:focus
and the various ARIA
states.
:focus
styling just because it does not fit into your
design or looks odd! - A good technique is to use a similar styling as
:hover
for :focus
.
Consider using ARIA attributes in your CSS selectors to reduce some noise in your CSS. For custom toggle buttons, instead of doing this,

 /* On */

 /* Off */
.toggle.pressed {
...
}
you can do this instead:

 /* On */

 /* Off */
.toggle[aria-pressed="true"] {
...
}
which removes the need for toggling the press
class on the
element.
Responsive design is also beneficial for accessibility when zooming the page transforms the page into the mobile layout instead.
Use a meta viewport tag:
<meta name="viewport" content="width=device-width initial-scale="1">
user-scalable=no
is an anti-pattern for accessibility.
Use relative units like %
, em
and
rem
. The differences are as follows:
%
- Relative to the containing block.em
- Relative to the font-size
of the parent.
rem
- Relative to the font-size
of the root,
which is the
element.
Interactive interface elements such as buttons should be large enough, have enough spacing around itself so that they do not overlap with other interactive elements.
Contrast ratio is the ratio of luminance between the foreground color (such as text) and the background color. For text and images, aim for a large contrast ratio of 7:1 and for larger text (over 18 point or 14 point bold), aim for at least 4.5:1.
Chrome Devtools has an Accessibility audit feature that can flag the contrast issues on your page.
Color should not be used as the sole method of conveying content or
distinguishing visual elements, such as only changing the
border-color
of <input>
fields that have
error to red. These changes will not be obvious/visible to people with
color blindness. An error message below the field will be helpful.
Some users might be using a High Contrast mode which allows a user to invert the background and foreground colors to read text better. Ensure that your page also looks fine on High Contrast mode which you can simulate with a Chrome High Contrast extension.
Fixing accessibility issues is like fixing bugs; it is best looked at through the lens of impact. How can you have the most impact on users with the least amount of effort?


Welcome to Map Mania Atlas Obscura Edition. Here is how to play. Try to find the locations of the
obscure places in the map, there will be hints. Once you find a location, an icon will show up on the
place. The map will reset, and you will be
directed to search for the next new location. Once they
have found all of the locations, you will win the game.


I had a little trouble naming this tool, as it has the same layout as a Trigonometric Unit Circle and even uses Quadrants to help with some of the math.
Takes the coordinates of an object (you, or any object on the page) and a destination, then calculates what degree (bearing) that destination is located at.The calculator is based off of the trigonometric unit circle, and so instead of 360 being true north, it's 360 degrees on the unit circle, and the bearing runs counter clockwise.
A normal unit circle looks like this:
and so this calculator is modeled the same way, with the first object (x1,y1) coordinates being the center of the circle, and the bearing being the angle degree on the unit circle.
However, remember that coordinates in a browser start from the top left, and so coordinates would look like this:
Going over 300-x and 150-y is not recommended.
Going over 500-x and 300-y is not recommended.


{% extends "layout.html" %} {% block content %}
{{ blurb }}
Note: As amazingly accurate as the above description may (or may not) be, we aren't responsible for any related, impulse career decisions it prompts.


| 1001 | (A) | that his handis and his feete Fyngirs and Ioyntis |
| 1006 | (C) | That his feestes & his fete . fyngeres & Ioyntes |
| 988 | (D) | That þe festis and feet fyngrys and ioyntis |
| 968 | (E) | þat his fystes & his feet . fyngres & ioyntes |
| (Ex) | ---- no text ---- | |
| 1026 | (L) | þat þe fyngres & feet fustes & Ioyntes |
| 941 | (P) | þat þe fystes & þe fete fyngers and other |
| 979 | (U) | That his fetures and fete / ioyntes and handes |
| 66 | (V) | þat his fistes and his feet fyngres and Ioyntes |


#include <cexport.h>
Public Attributes | |
| size_t | size |
| Size of the data in bytes. | |
| void * | data |
| The data. | |
| C_STRUCT aiString | name |
| C_STRUCT aiExportDataBlob * | next |
Blobs can be nested - each blob may reference another blob, which may in turn reference another blob and so on. This is used when exporters write more than one output file for a given aiScene. See the remarks for aiExportDataBlob::name for more information.
Definition at line 200 of file cexport.h.
| C_STRUCT aiString aiExportDataBlob::name |
Name of the blob. An empty string always indicates the first (and primary) blob, which contains the actual file data. Any other blobs are auxiliary files produced by exporters (i.e. material files). Existence of such files depends on the file format. Most formats don't split assets across multiple files.
If used, blob names usually contain the file extension that should be used when writing the data to disc.
| C_STRUCT aiExportDataBlob* aiExportDataBlob::next |


| IOCTL_USERFAULTFD(2) | Linux Programmer's Manual | IOCTL_USERFAULTFD(2) |
#include <sys/ioctl.h>
int ioctl(int fd, int cmd, ...);
ioctl(fd, cmd, argp);
The various ioctl(2) operations are described below. The UFFDIO_API, UFFDIO_REGISTER, and UFFDIO_UNREGISTER operations are used to configure userfaultfd behavior. These operations allow the caller to choose what features will be enabled and what kinds of events will be delivered to the application. The remaining operations are range operations. These operations enable the calling application to resolve page-fault events.
The argp argument is a pointer to a uffdio_api structure, defined as:
struct uffdio_api { __u64 api; /* Requested API version (input) */ __u64 features; /* Requested features (input/output) */ __u64 ioctls; /* Available ioctl() operations (output) */ };
The api field denotes the API version requested by the application.
The kernel verifies that it can support the requested API version, and sets the features and ioctls fields to bit masks representing all the available features and the generic ioctl(2) operations available.
For Linux kernel versions before 4.11, the features field must be initialized to zero before the call to UFFDIO_API, and zero (i.e., no feature bits) is placed in the features field by the kernel upon return from ioctl(2).
Starting from Linux 4.11, the features field can be used to ask whether particular features are supported and explicitly enable userfaultfd features that are disabled by default. The kernel always reports all the available features in the features field.
To enable userfaultfd features the application should set a bit corresponding to each feature it wants to enable in the features field. If the kernel supports all the requested features it will enable them. Otherwise it will zero out the returned uffdio_api structure and return EINVAL.
The following feature bits may be set:
The returned ioctls field can contain the following bits:
This ioctl(2) operation returns 0 on success. On error, -1 is returned and errno is set to indicate the cause of the error. Possible errors include:
Up to Linux kernel 4.11, only private anonymous ranges are compatible for registering with UFFDIO_REGISTER.
Since Linux 4.11, hugetlbfs and shared memory ranges are also compatible with UFFDIO_REGISTER.
The argp argument is a pointer to a uffdio_register structure, defined as:
struct uffdio_range { __u64 start; /* Start of range */ __u64 len; /* Length of range (bytes) */ }; struct uffdio_register { struct uffdio_range range; __u64 mode; /* Desired mode of operation (input) */ __u64 ioctls; /* Available ioctl() operations (output) */ };
The range field defines a memory range starting at start and continuing for len bytes that should be handled by the userfaultfd.
The mode field defines the mode of operation desired for this memory region. The following values may be bitwise ORed to set the userfaultfd mode for the specified range:
Currently, the only supported mode is UFFDIO_REGISTER_MODE_MISSING.
If the operation is successful, the kernel modifies the ioctls bit-mask field to indicate which ioctl(2) operations are available for the specified range. This returned bit mask is as for UFFDIO_API.
This ioctl(2) operation returns 0 on success. On error, -1 is returned and errno is set to indicate the cause of the error. Possible errors include:
The address range to unregister is specified in the uffdio_range structure pointed to by argp.
This ioctl(2) operation returns 0 on success. On error, -1 is returned and errno is set to indicate the cause of the error. Possible errors include:
struct uffdio_copy { __u64 dst; /* Destination of copy */ __u64 src; /* Source of copy */ __u64 len; /* Number of bytes to copy */ __u64 mode; /* Flags controlling behavior of copy */ __s64 copy; /* Number of bytes copied, or negated error */ };
The following value may be bitwise ORed in mode to change the behavior of the UFFDIO_COPY operation:
The copy field is used by the kernel to return the number of bytes that was actually copied, or an error (a negated errno-style value). If the value returned in copy doesn't match the value that was specified in len, the operation fails with the error EAGAIN. The copy field is output-only; it is not read by the UFFDIO_COPY operation.
This ioctl(2) operation returns 0 on success. In this case, the entire area was copied. On error, -1 is returned and errno is set to indicate the cause of the error. Possible errors include:
The requested range is specified by the range field of the uffdio_zeropage structure pointed to by argp:
struct uffdio_zeropage { struct uffdio_range range; __u64 mode; /* Flags controlling behavior of copy */ __s64 zeropage; /* Number of bytes zeroed, or negated error */ };
The following value may be bitwise ORed in mode to change the behavior of the UFFDIO_ZEROPAGE operation:
The zeropage field is used by the kernel to return the number of bytes that was actually zeroed, or an error in the same manner as UFFDIO_COPY. If the value returned in the zeropage field doesn't match the value that was specified in range.len, the operation fails with the error EAGAIN. The zeropage field is output-only; it is not read by the UFFDIO_ZEROPAGE operation.
This ioctl(2) operation returns 0 on success. In this case, the entire area was zeroed. On error, -1 is returned and errno is set to indicate the cause of the error. Possible errors include:
The UFFDIO_WAKE operation is used in conjunction with UFFDIO_COPY and UFFDIO_ZEROPAGE operations that have the UFFDIO_COPY_MODE_DONTWAKE or UFFDIO_ZEROPAGE_MODE_DONTWAKE bit set in the mode field. The userfault monitor can perform several UFFDIO_COPY and UFFDIO_ZEROPAGE operations in a batch and then explicitly wake up the faulting thread using UFFDIO_WAKE.
The argp argument is a pointer to a uffdio_range structure (shown above) that specifies the address range.
This ioctl(2) operation returns 0 on success. On error, -1 is returned and errno is set to indicate the cause of the error. Possible errors include:
Documentation/admin-guide/mm/userfaultfd.rst in the Linux kernel source tree
| 2019-03-06 | Linux |


the ceremony will begin promptly at 4:00pm on Saturday, October 14th, 2017 in Redlands, California.
smartphone operators can google 'three sisters farm'.
for the less technologically inclined:
whatever makes you happy! we'll be outdoors in a rustic environment on a working farm, so keep that in mind tenderfeet!
absolutely not! if you insist, you can find some suggestions here.
very much so!
its very unlikely, but it is possible. if the forecast is foreboding (or even unseasonably warm), please throw an umbrella in the car.
Ayers Redlands
7 miles away / ~$150
Hampton Inn Moreno Valley
14 miles away / ~$150
Motel 6 Redlands
7 miles away / ~$70
if you'd like help bunking up or doing something else creative, please let us know.
beer and wine (along with non-alcoholic beverages) will be provided.
of course!
no!
yes!
6:15pm
we'll have a mic. you can also wander off and say them to the cow if you're shy.
great! feel free to bring a tupperware. there's guaranteed to be leftover food.
many agree with you!
Our ideal gift is a donation made to relief efforts in Houston, Bangladesh, Mexico City, Puerto Rico or any other area where residents are battling hardship.
OXFAM South Asia
Americares Puerto Rico
UNICEF Mexico City
CalFire Foundation Northern California
YouthHope Foundation Redlands
If you shopping for housewares makes you feel good, you can find our registry on amazon.com.


Dr. Ricks is an Assistant Professor of Computer Science at University of Nebraska Omaha
Dr. Marmelat is an Assistant Professor of Biomechanics at University of Nebraska Omaha


{% if blurb %} {{blurb}}
{% endif %} {% if table %}
{% for t in table %}
{{t.0}}
:
{{t.1}}
==>
{{t.2}}
{% endfor %}
{% endif %} {% if blurb or table %}
{% endif %}
Find a member to edit their details
Add a member to the system
Find a club to edit its address, contact and meeting details
Add a club to the system
Find a club to edit its officers for a given Lionistic year
Find a zone to edit its details
Find a zone to edit its chairperson for a given Lionistic year
Find a district to edit which zone each club in the district belongs to
Find a region to edit its details
Find a region to edit its chairperson for a given Lionistic year
Find a district to edit which region each club in the district belongs to
Find a district office to edit its details
Find a Lions Operation Brightsight Office to edit its details
Find a merchandise centre to edit its details
Find a district or MD to edit its details
Find a district or MD to edit its DG, 1VDG, 2VDG (or CC and CCE), secretary and treasurer for a given Lionistic year
Find a district or MD to edit its cabinet or council chairpersons for a given Lionistic year
Find a district or MD to edit its mentor Lions for a given Lionistic year


Press n or j to go to the next uncovered block, b, p or k for the previous block.
| File | Statements | Branches | Functions | Lines | |||||
|---|---|---|---|---|---|---|---|---|---|
| client.ts |
|
92.97% | 1031/1109 | 87.44% | 383/438 | 92% | 92/100 | 92.94% | 1027/1105 |
| environment.ts |
|
100% | 15/15 | 100% | 15/15 | 100% | 5/5 | 100% | 15/15 |
| environmentVcapServices.ts |
|
100% | 24/24 | 100% | 15/15 | 100% | 2/2 | 100% | 24/24 |
| error.ts |
|
100% | 21/21 | 100% | 0/0 | 100% | 2/2 | 100% | 21/21 |
| fakeServer.ts |
|
96.3% | 26/27 | 90% | 9/10 | 100% | 2/2 | 96.3% | 26/27 |
| file.ts |
|
78.95% | 45/57 | 50% | 3/6 | 89.47% | 17/19 | 78.95% | 45/57 |
| fileSizeFormatter.ts |
|
100% | 18/18 | 100% | 6/6 | 100% | 2/2 | 100% | 18/18 |
| fileSystemElement.ts |
|
100% | 1/1 | 100% | 0/0 | 100% | 0/0 | 100% | 1/1 |
| fileSystemFolder.ts |
|
100% | 19/19 | 100% | 2/2 | 100% | 7/7 | 100% | 17/17 |
| folder.ts |
|
92.96% | 66/71 | 90.91% | 10/11 | 90.91% | 20/22 | 92.96% | 66/71 |
| httpClient.ts |
|
98.44% | 63/64 | 100% | 28/28 | 88.89% | 8/9 | 98.36% | 60/61 |
| logger.ts |
|
96.55% | 28/29 | 100% | 8/8 | 12.5% | 1/8 | 96.55% | 28/29 |
| requestResponseLog.ts |
|
100% | 54/54 | 100% | 24/24 | 100% | 9/9 | 100% | 54/54 |
| requestResponseLogEntry.ts |
|
100% | 13/13 | 100% | 0/0 | 100% | 3/3 | 100% | 13/13 |
| server.ts |
|
90% | 9/10 | 50% | 1/2 | 100% | 1/1 | 90% | 9/10 |
| share.ts |
|
98.36% | 60/61 | 100% | 26/26 | 94.74% | 18/19 | 98.36% | 60/61 |
| tag.ts |
|
100% | 9/9 | 100% | 0/0 | 100% | 3/3 | 100% | 9/9 |
| user.ts |
|
100% | 98/98 | 100% | 13/13 | 100% | 40/40 | 100% | 98/98 |
| userGroup.ts |
|
100% | 11/11 | 100% | 2/2 | 100% | 4/4 | 100% | 11/11 |


AllE Dev
HomePage
Coding Plat
Explore
Projects Manager
Groups
Forums
Sign Up
Login
Explore in AllE Dev
Search
All
Showcases
Trending
Star
Explore
Browse interesting projects, solving all types of interesting problems.
More


Returns the full title on a per-page basis.
# File app/helpers/application_helper.rb, line 3 def full_title(page_title) base_title = "Fit Tracker" if page_title.empty? base_title else "#{base_title} | #{page_title}" end end
Creates script include tag elements for a javascript file in the :extrahead placeholder
# File app/helpers/application_helper.rb, line 13 def include_javascript (file) content_for(:extrahead) { javascript_include_tag file } end
Renders script include tag elements for a javascript in the :extrahead placeholder
# File app/helpers/application_helper.rb, line 23 def include_javascript_render (file) s = " <script type=\"text/javascript\">" + render(:file => file) + "</script>" content_for(:extrahead, raw(s)) end
Creates link tag elements for a css file in the :extraheadstyle placeholder
# File app/helpers/application_helper.rb, line 18 def include_style (file) content_for(:extraheadstyle) { stylesheet_link_tag file } end
Creates a link tag that renders the form fields elements for the nested Activity model
Arguments:
innerText, inner text of the link tag element (it’s possible to pass an html_safe element)
f, form_for element
association, use the symbol (:activities)
category_id, category identifier
new_object, created by the class definition of an association reflection object
Example:
<%= link_to_add_activity_fields '<i class="icon-plus icon-white"></i>'.html_safe, f, :activities, category_id %>
# File app/helpers/application_helper.rb, line 51 def link_to_add_activity_fields(inner_text, f, association = :activities, category_id) new_object = f.object.class.reflect_on_association(association).klass.new(:category => category_id, :duration => 0, :intensity => 0) link_to_add_fields(inner_text, f, association, category_id, new_object) end
Creates a link tag that renders the form fields elements for nested models
Arguments:
innerText, inner text of the link tag element (it’s possible to pass an html_safe element)
f, form_for element
association, use the symbol
category_id, category identifier
new_object, created by the class definition of an association reflection object
# File app/helpers/application_helper.rb, line 74 def link_to_add_fields(inner_text, f, association, category_id, new_object) fields = f.fields_for(association, new_object, :child_index => "new_#{association}") do |builder| render(association.to_s.singularize + "_fields", :f => builder) end link_to_function(inner_text, "add_#{association.to_s.singularize}_fields(this, '#{association}', '#{escape_javascript(fields)}')") end
Creates a link tag that renders the form fields elements for the nested Activity model
Arguments:
innerText, inner text of the link tag element (it’s possible to pass an html_safe element)
f, form_for element
association, use the symbol (default = :meals)
category_id, category identifier
# File app/helpers/application_helper.rb, line 35 def link_to_add_meal_fields(inner_text, f, association = :meals, category_id) new_object = f.object.class.reflect_on_association(association).klass.new(:category => category_id, :calories => 0) link_to_add_fields(inner_text, f, association, category_id, new_object) end
Creates a link tag that removes the form field elements
Arguments:
innerText, inner text of the link tag element (it’s possible to pass an html_safe element)
f, form_for element
association, use the symbol
# File app/helpers/application_helper.rb, line 62 def link_to_remove_fields(inner_text, f, association) f.hidden_field(:_destroy) + link_to_function(inner_text, "remove_#{association.to_s.singularize}_fields(this)") end
Creates a link tag that handle the sorting criteria (column name and
direction). It passes to the controller the :sort
and
:direction
parameters.
Arguments:
column, identifies the column name used in the sorting criteria
title, the description used in the link tag element
icon_asc, bootstrap icon css classes used for the ascending icon
rappresentation (default: icon-arrow-up icon-white
)
icon_desc, bootstrap icon css classes used for the descending icon
rappresentation (default: icon-arrow-down icon-white
)
icon_default, bootstrap icon css classes used for the default icon
rappresentation (default: icon-list icon-white
)
# File app/helpers/application_helper.rb, line 90 def sortable(column, title = nil, icon_asc = "icon-arrow-up icon-white", icon_desc = "icon-arrow-down icon-white", icon_default = "icon-list icon-white") title ||= column.titleize css_class = column == sort_column ? "current #{sort_direction}" : nil direction = column == sort_column && sort_direction == "asc" ? "desc" : "asc" i_css_class = column == sort_column ? sort_direction == "asc" ? icon_asc : icon_desc : icon_default link_to "#{title} #{content_tag :i, nil, class: i_css_class}".html_safe, {:sort => column, :direction => direction, :q => params[:q].nil? ? '' : params[:q]}, {:class => css_class} end


Pharmacy suspension lifted in drug-ravaged West Virginia
CHARLESTON, W.Va. (AP) - A federal judge has lifted the suspension of a West Virginia pharmacy’s ability to dispense prescription drugs.
The Charleston Gazette-Mail reports U.S. District Judge Joseph R. Goodwin last week lifted the suspension against Oak Hill Hometown Pharmacy that U.S. Attorney Mike Stuart had announced in August.
Goodwin says federal prosecutors failed to adequately prove the pharmacy posed a public health risk.
Stuart says the pharmacy had filled about 2,000 prescriptions for a widely abused drug used to treat opioid addiction. He says more than half of the prescriptions came from an out-of-state clinic and that almost all prescriptions were paid for in cash.
West Virginia by far leads the nation in the rate of drug overdose deaths.
Information from: The Charleston Gazette-Mail, http://wvgazettemail.com.
Sign up for Daily Newsletters
Copyright © 2019 The Washington Times, LLC.
Please read our comment policy before commenting.


WITNESS LIST Constitutional Revision, Select Committee June 2, 2000-10:00A Constitutional Revision On: Perez, Noe (Self) Interim Charges On: Boethel, Carry (Policy Analysis Group - Texas Association of Counties) Judicial Selection On: Hardberger, Phil (Self) Revision Issues On: Garcia, David (San Antonio City Council) Halter, Gary (Self) Tucker, Harvey (Self) Registering, but not testifying: On: Walker, Helen (Self)


Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
.Lorem Ipsum is simply dummy text of the printing and typesetting industry.
.Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Start Free Trial


Hey, this is TZbits01, a high dimensional citizen (I’m reduction-free!) in universe(lambda)
, exploring universal Hi-Fi brain network...
Start writing, refining, and reflecting on my inter-disciplinary academic progress...
Mathematics and Logic, Computer Science, (computational and Cognitive focused) Neural Science, Non-linear Systems and Chaos, Quantum Approaches for Computing and Consciousness...
As Steven Wolfram says, diversifying researches has profoundly benefited himself, even if there’s only one puzzle to solve, well, I mean scientifically, maybe somehow playfully...


--- layout: archive title: Zulip Chat Archive permalink: /stream/113489-new-members/topic/zero.20locus.20of.20an.20ideal.html ---
I'm trying to prove the following lemma:
lemma radical_vanishing_ideal_zero_locus (I : ideal R) : vanishing_ideal (zero_locus I) = ideal.radical I := sorry
but lean is giving me a type error at zero_locus
:
type mismatch at application zero_locus I term I has type ideal R : Type u but is expected to have type set ?m_1 : Type ?
This is puzzling to me because zero_locus I
for an ideal I
seems to type check when used in prime_spectrum.lean
in mathlib
try zero_locus (I : set R)
That did it!
Does the notation set R
mean subset of R
?
If you are a mathematician: yes
Alternatively, read it as "a set whose elements are all of type R
"
In Lean you cannot (at least you don't want to!) have a set containing a natural number, a list of reals, a group, and a metric space.
All elements of a set must have the same type.
So you may also think of them as "subsets of the ambient space"
@Aniruddh Agarwal Let me emphasize that the "alternative" reading "a set whose elements are all of type R
" is the correct one, and you should really try to get used to it.
Johan Commelin said:
In Lean you cannot (at least you don't want to!) have a set containing a natural number, a list of reals, a group, and a metric space.
If you want to package such data together in Lean, you would use a type (a structure). Sets are more primitive than types, in Lean, because they can only have elements of one type.
I think this is the wrong wording; types are of course more primitive than sets in type theory
I think you mean to say that sets are less flexible than types in lean
He meant "primitive" = "less nice"
{% endraw %}Last updated: Apr 24 2020 at 19:02 UTC


This page describes the format of update pack files.
See Update Process for more info on tools available for creating update packs.
The Update Daemon accepts update pack files that contain software/firmware update instructions and associated data (e.g., libraries, executables, resource files).
Update packs can have multiple sections. Each section starts with a JSON description. Optionally, a payload can follow.
If the section has payload, it's expected to start immediately after the last byte of JSON data (no padding or alignment bytes between). If there's no payload, but there's another section, the next byte after the task's description will be the next section's description.
The JSON data for a section is contained within a single UTF-8 encoded JSON object, beginning with an open brace { character and ending with a close brace } character.
Each section type has a different description structure, but they all have a command field indicating which section type it is:
Atomically updates the collection of apps and the app framework on the system.
The payload contains the framework and app files.
System update description fields are:
Field = Description ---------------------------------------------------------------------------------------------------- command = string = "updateSystem" md5 = string = MD5 hash of system's build staging area (excludinginfo.properties file). size = integer = Number of bytes of payload associated.
Code sample:
{ "command":"updateSystem", "md5":"098843325eef6af82cdc15a294c39824", "size":335534 }
Updates an app in the target system. If an app with the same name doesn't already exist in the system, install the app.
The payload is the new app.
Description fields are:
Field = Description ---------------------------------------------------------------------------------------------------- command = string = "updateApp" name = string = App's name. version = string = App's human-readable version string. md5 = string = MD5 hash of the app's build staging area (excluding info.properties file). size = integer = Number of bytes of payload associated with this task.
Code sample:
{ "command":"updateApp", "name":"helloWorld", "version":"0.8c", "md5":"098843325eef6af82cdc15a294c39824", "size":5534 }
Removes an app from the system.
Carries no payload.
The only description field other than the command is the app's name.
Field = Description ---------------------------------------------------------------------------------------------------- command = string = "removeApp" name = string = App's name.
Code sample:
{ "command":"removeApp", "name":"helloWorld" }
Updates firmware in the module. The task payload is a firmware update file that is to be passed to fwupdate.
The only description field other than the command is the payload (firmware file) size:
Field = Description ---------------------------------------------------------------------------------------------------- command = string = "updateFirmware" size = unsigned integer = Number of bytes of payload associated with this task.
Code sample:
{ "command":"updateFirmware", "size":42043458 }
App removal and app install update packs can be combined together by concatenating their files together into a single file.
Code sample:
It's strongly recommended that system updates be used instead of concatenated app changes. System updates are applied atomically preventing problems that can result from a multi-app update being interrupted before all the changes could be applied (e.g., by a power loss, reset, or loss of connectivity.
Copyright (C) Sierra Wireless Inc. Use of this work is subject to license.


| DOSE: T+ 0:00 |
25 mg |
oral |
2C-T-7 |
(powder / crystals) |
| T+ 0:15 |
11 mg |
oral |
5-MeO-DiPT |
(powder / crystals) |
I recently acquired some Foxy and thought it might be nice to try in addition to some 2ct7. I thought the 2ct7 would provide the visual aspect of the trip, and the foxy would provide some mental and physical aspects.
Around 12:30 I took the 2ct7, knowing that it would take longer to come on. After about 15 minutes I got impatient and decided to take the foxy. This turned out to be a horrible idea. Just as the 2ct7 started making me nauseous, the foxy kicked in, making me feel horible all over. I threw up about 30 minutes later and was glad I did, because I could already tell the trip was going to be too much for me. I lied in bed for another hour and a half, feeling miserable and nauseous. Finally when the 2ct7 started to kick in, the nausea started to receed, but then I spent a great deal of time on the toilet.
I sat on the toilet doing my business, and watched the floor tiles morph. The music which was playing in my room sounded incredible. After that I spent most of the day laying down in a field listening to my walkman. The visuals were very intense for another 6 hours. However, my skin felt like it was crawling, and anything that touched my skin stimulated me so much that it felt painful. The shirt on my back hurt my skin when I walked, and if any of my skin touched the grass on the ground, it felt like I was being stabbed.
Another unpleasant aspect was the fact that my sweat smelled very chemically, and after I had smelled it once I couldn't get the awful smell out of my head. The whole experience ended after about 9 or 10 hours, and I finally started to feel better. In conclusion, I do not recommend using these two substances together. The synergy was too much for me, I felt overstimulated by everything, especially the way that everything that touched me felt painful. I will never again repeat this experience, and I recommend using these chemcials seperately.
-RG
Experience Reports are the writings and opinions of the individual authors who submit them.
Some of the activities described are dangerous and/or illegal and none are recommended by Erowid.


| DOSE: T+ 0:00 |
531 mg |
oral |
DXM |
(liquid) |
| T+ 1:10 |
177 mg |
oral |
DXM |
(liquid) |
| T+ 1:15 |
354 mg |
oral |
DXM |
(liquid) |
Yesterday I had my first DXM trip which was really quite an interesting experience, it's inspired me to research the drug, and to share the details of my [probably quite mundane] trip. First off, I'm 230lbs (~105 kg), and took a 3-part dose for a total of 1062mg -- approximately 9.65 mg / kg, putting me right in the middle of 3rd plateau doses. My experiences are consistent with what Dextroverse has down for this plateau:
'3rd Plateau: 7.5-15 mg/kg - This level has strong intoxications and hallucinations. Things can become very confusing as your thinking processes are disturbed. You can sometimes daze-off into your own world, and get lost in your own mind. Trips in this plateau can sometimes be unpleasant.'
 Light-headedness and slight nausea noted.
5:10pm - Strong light-headedness, pronounced tunnel vision, euphoria.
5:20pm - Finished 8 fl. oz 15mg DXM / 5ml bottle (an additional 177mg), for a combined total of 708mg of DXM.
5:25pm - I blame this on the already present neurological effects, but at this point I took another 4 fl. oz of 15mg DXM / 5ml (an additional 354mg), for a final total of 1062mg of DXM. In hindsight I see taking this large of a dose on my first trip as irresponsible, and would advise against it to others.
5:45pm - Feeling increasingly euphoric, everything around me seems more pronounced visually and I decide to take a walk in the afternoon park. As I stand up I promptly collapse back into my chair, realizing that I won't be able to walk, I'm extremely dizzy and my vision seems to be lagging behind by a lot. I instead open iTunes and start an Andain / Buddha Bar / Enya / Hooverphonic / Moby / Shpongle / Tristania playlist.
6:00pm - Everything around me is gradually becoming distorted, straight lines are becoming wavy, and I keep tilting my head from side to side as such subtle changes result in a radically different perception of the 3d world around me. It also seems though as my two eyes are no longer synchronized. I don't quite know how to describe this, but I experienced vision differently for the following few hours -- almost as though my two eyes reported stimuli individually, and the reports of these stimuli were never merged into a single image. It wasn't like double vision, in which two sets of visual stimuli are merged but are offset, I was literally experiencing vision through both eyes seperately.
6:10pm - I feel as though I'm melding into my chair, I become somewhat unaware of my body, as my thoughts float in no particular direction. I can't fully recall the specific details of my trip from here until a few hours later, but I do recall a growing appreciation for the music that I had been listening to. I had earlier read that DXM users report this effect, so I may have been expecting it with the possibility of a psychosomatic confirmation bias, but I definitely enjoyed the effects that the music at least seemed to have on me. At this point I also noticed that my face was entirely numb.
6:15pm (?) - I began hallucinating at this point. My first hallucination was closed-eye and exceedingly abstract. I saw myself from a 3rd-person-perspective as an eagle flying above an abstract, geometric background. It was very cartoonish (reminded me of 'The Wall'), and I melded into what appeared to be the 3rd Reich eagle. I had been unconsciously spreading my arms outward, which apparently disturbed my roommate next to me who was cooking dinner (I hadn't told him that I would be taking DXM), and a remark brought me back to this world as I opened my eyes. As I looked at him, I stared blankly and had no idea what this foreign intruder wanted. I was subconsciously trying to 'snap out of it', but I continued to stare with my arms spread out, at which point he must have turned back to his Ramen, as I don't remember anything else about interacting with him.
6:20pm - I noticed the powerful effect that moving my arms around me had, and put myself back into my previous hallucination by spreading my arms outwards again and closing my eyes. This time it was less abstract and more vivid, and I believe it was either in the first-person or not from any specific perspective at all, I seemed to simply experience it, without a necessarily distinguishable point of view. I am in space, soaring between celestial bodies and through clouds of stellar dust, totally seperated from any previous notions of 'self'. I'm overcome by an incredible feeling of well-being, and am unaware of my own physical manifestation for a good deal of time. Every beat of the music was like a pang of orgasmic perfection, and my hallucination synchronized itself eerily with what I was listening to. A desk fan was blowing in my face the whole time, which felt immensely pleasurable.
7:10pm - I open my eyes and everything is still very distorted. My dry-mouth must have become a lot worse, although I didn't experience the sensations in my mouth in those terms. There was a bottle of water sitting next to me, but it seemed to be in a different reality. I was staring at it for what must have been quite some time, but I simply couldn't bring myself to reach out and grab it. I can't describe what was going on in my mind at that point other than that I felt disconnected from the reality around me, and that I couldn't affect the bottle in any way. I closed my eyes and must have continued to trip, although I don't recall any of it. I was aware of my arms moving though, usually either being held outward or clenched to the back of my head.
8:00pm - I lapsed out of whatever dream world I had been in at this point and went online to report my experiences thus far on some online web forums. I found typing coherently unusually difficult and time-consuming, and soon gave up out of frustration. I got up to relieve myself in the bathroom, which was difficult as I was still extremely dizzy with intense tunnel vision. Aware of the distorted-mirror-effect cliche of tripping, I took some time to stare at myself in the mirror. While I wasn't aware of any hallucinations, it was an emotionally powerful state, I was staring at myself and thinking about what my life was about, what my purpose on this earth was, and if thinking about it in terms of a 'purpose' was legitimate at all. Quite the science-worshipping nihilist when sober, I was surprised by the decidedly metaphysical and even theological framing that my mind applied to such trains of thought.
8:10pm - Back at my computer, I felt like experiencing similar hallucinations while listening to music to which I had strong emotional connotations, after seeing how deeply the music I had been listening to affected my state of mind. I loaded up a playlist of Bob Marley, The Byrds, CCR, Crosby Stills Nash & Young, Dire Straits (with some of Mark Knopfler's solo work), The Eagles, and the Moody Blues.
8:15pm - I must have been past the peak effect at this point because I didn't experience any fully detached hallucinations like I had between 6 and 8 pm. I closed my eyes and saw various childhood memories being played out before me, all in an ecstatic yet tragically nostalgic haze, but I was aware of my own physical countenance for the duration. I was getting very emotional, and felt as though my life was a terrible waste. Aware of my previous history of depression, I was consciously changing where my trains of thought would lead during this time. This conscious involvement was frustrating, and I felt like all that I wanted in the world at that point was to simply 'let go'. If the DXM were still at its full effect, I think I would have.
8:55pm - After going through my whole childhood in a half-dreaming state of mind, I again lapsed out and felt a significantly diminishing effect of the DXM. I again tried to type out my experiences in the web forum to a similarly frustrating failure as the previous attempt, and resolved to carry on a more informal conversation with whoever might be on AOL Instant Messenger. My friend in whom I generally confide psychadelic experiences wasn't online, and after starting a conversation with another friend, I started to feel disconnected from the world again. I was aware of my state of mind being totally different from that exhibited by who I was talking with, and decided that I was wasting my time trying to interact with a world in which I wasn't truly 'present'.
9:45pm - After spending some more time browsing YouTube and listening to music with my eyes closed, enjoying what were by then nothing more than abstract and geometric closed-eye visuals, I resolved to lie down in bed. Again, I was extremely dizzy and actually stumbled into my roommate's chair who at this point must have realized that I was tripping. After criss-crossing my room I finally made it into bed. I felt very warm (feverish, even), and wasn't able to go to sleep for a while. I also had notable stomach discomfort again.
10:00 - 11:00pm - I spent a while enjoying closed-eye visuals, which were constantly morphing. The most notable of these began as a morphing 3-dimensional world that reminded me a lot of the print on the backs of Bicycle playing cards, it was interesting to see how more and more realized patterns emerged out of the simplest patterns, and I soon was seeing a collossal scarab beetle walking through this strange world like a gigantic machine. At some point I drifted off to some of the best sleep I've ever had.
 It was beyond being well-rested (which certainly was a factor, however, as I rarely sleep that much), everything seemed to radiate intense beauty and happiness, and I had an unusually positive outlook on the day.
At around 7pm in the evening I noted stomach discomfort, which was quickly followed by explosive diarrhea. I'm not quite sure what caused this as I never read anything about diarrhea in the many trip recollections that I had read.
 It's an interesting drug that, in sufficient doses, can really take me to a different world. I'm also afraid of its toxicity and the potential for psychological dependence, however, and will err on the side of caution around it. The most powerful effect for me was the way that music was incorporated into my own reality. I need to stress the word 'reality', because I was truly in a different reality around the peak of my experience, everything that I had ever thought and been felt distant.
The intense feelings of well-being and general euphoria / happyness were also, needless to say, thoroughly enjoyable. I think it's an effective dissociative that'll both provide intriguingly distant perspectives, and a chance to leave the world entirely for a few hours.
~ sangye
Experience Reports are the writings and opinions of the individual authors who submit them.
Some of the activities described are dangerous and/or illegal and none are recommended by Erowid.


Vaccine Slot Notifier
Check vaccine slots availability
Vaccine slots are currently being checked for pin:
Select your age group:
Selected age group:
18-44 years
45+ years
Submit


The ACM Programming Contest is a coding competition that emphasizes
problem solving executed in code. Students, faculty, and staff from all
majors and colleges are welcome. The problems are ICPC style coding
questions which are similar to questions asked by recruiters during
technical interviews.
The competition lasts 5 hours, and teams are limited to 3 members. The
top teams from each division receive prizes, which have previously included
things like Google Home Minis, Amazon Echoes, Raspberry Pi's, Chromecasts,
and ACM chapter t-shirts.
The contest is a series of challenging coding questions
that require critical thinking and coding know-how.
Each question has a prompt consisting of flavor text and a
description of the challenge. You'll get the some
constraints on the input, as well as some sample input and
corresponding output. From there, your team will need to
work together to write code that will produce the correct
output for any input we could throw at you.
Responses are scored on how quickly you solved the problem
relative to the contest with points deducted for each
incorrect submission.
As our contest has grown almost ten-fold over the past five years, we want to allow less experienced participants to still be competitive.
If you are currently enrolled in COP3014/COP3363(Intro to C++) or COP3330 (Object Oriented Programming), you qualify to register for the Lower Division. The Lower Division will have easier questions better suited for less experienced programmers. The Upper Division will cater to the highest levels of technincal talent; participants include undergraduate seniors, Ph.D students, and even department faculty.
Everyone is welcome! Students, teachers, staff from both high-schools and colleges are welcome, as well as those not in those categories.
Absolutely nothing. Admission is free!
A laptop and your charger for sure. We totally recommend some pens or pencils to jot down your thoughts as you work to solve the questions.
Teams consist of up to three people. You can work together on a single computer. This is the registration site!
You can register as a preformed team, or join one after registering alone. Visit the team page after you log in to see more.
We recommend some early programming experience in one of our supported languages: C/C++, Java, Python, Perl, C#, and Javascript. You'll have access to official language documentation, but that's it. No Google, no StackOverflow.


Plugin Information |
|---|
View Quay.io trigger on the plugin site for more information. |
This plugin provides integration between Jenkins and Quay.io docker registry.
Usage
On Quay.io
- In the repository Settings tag click on the Create Notification button
- Fill the Repository Notification form
- When this occurs: Push to Repository
- This issue a: Webhook POST
- Webhook URL:
http://your.jenkins.server.tld/quayio-webhook/p
ush
In Jenkins
- Select the Monitor Monitor Quay.io for image changes and enter the list of repositories which can trigger a build
Job Parameters
When a job is triggered by a Quay.io notification these parameters are passed to the job
Parameter Name |
Value |
|---|---|
QUAY_IO_TRIGGER_REPOSITORY |
The name of the repository which triggered the build |
QUAY_IO_TRIGGER_TAG |
The updated docker image tag |
Open Issues
Changelog
Version 0.1 (Jan, 20 2016)
- Initial version
Attachments:
Create Notification.png (image/png)
Notification Creation Form.png (image/png)
Jenkins Trigger.png (image/png)
Notification Creation Form.png (image/png)
Jenkins Trigger.png (image/png)


Before you begin working through the milestones, this overview covers a few things you should know to move through the course, including what you’ll learn, how to use our code editor, Codeframe, and how to learn to code effectively using the resources available online, in addition to what’s here already.
What we’ll learn
Zero to Code is a course about making interesting, useful things on the web using technologies that are core to any website: HTML, CSS, and JavaScript. We’ll work through a series of small projects in increasing complexity to get you more and more familiar with concepts in these languages, and how to combine them to build beautiful, useful websites.
Things we’ll cover
You’ll get a solid understanding of…
- How to use HTML, CSS, and modern JavaScript to build webpages
- Basic of good design on the web, from typography to color and layout to animation and interaction design
- How to create and code responsive design that work across different screen sizes
- How to think about accessibility, so as many people as possible can use what you make
- How to break down a design or wireframe to go from sketch to code
- How to share the websites you build under your own domain name on the Internet, so evryone can access it.
- Where to go and what to learn after Zero to Code, if you want to continue learning
In short, think about it this way: you’ll walk out of the course with a rockin’ personal webpage.
Things we won’t cover in depth (yet)
There are some topics that are important or interesting, but for which I think there are other high-quality tutorial or courses available online, or for which I don’t currently have time to built curriculum, so we don’t cover yet. These are…
- How to build dynamic web apps and services that require login, user accounts, profiles, and APIs
- Search engine optimization (SEO)
- Content management systems like Wordpress
- JavaScript frameworks like React, Angular, Vue, Svelte, and Polymer (though we’ll briefly discuss the merits of frameworks)
- JavaScript libraries like Underscore, Lodash, and jQuery
- Modern JavaScript development tools like Webpack, Babel, Next.js
- Other languages or environments used for the web like Node.js, PHP, Python, Ruby on Rails…
If you’re interested in learning about any of these topics, the aren’t out of the question! Drop me a line at @thesephist or reach out from the about page.
Using Codeframe, our code editor
Codeframe is the code editor we’ll use through most of this course to build projects and experiment with new concepts. It looks like this.
You can edit the HTML, CSS (inside the <style>
block), and JavaScript code on the right/bottom pane, and see the result on the left/top pane as you type. If you want to save or share what you’ve made, you can hit the Save & Reload button to save your work, which will give you a link and a preview button you can use to share what you’ve made with anyone else on the planet, just by sharing that link!
For a gentle introduction to Codeframe, let’s write some HTML! Make sure the HTML mode is selected (it is by default), and type this snippet of HTML code into the editor pane on the right/bottom, replacing [your name]
with your name:
|
|
As you type, you should see something appear on the preview pane. What do you see?
You should see three things:
- A big, bold header that says Hi Codeframe!
- A smaller bit of text that corresponds to what you typed in between the
<p>...</p>
- A small button
This is HTML! Try hitting Save & Reload, and tap the preview button to see the webpage you just made open in a separate tab. To share what you just wrote with anyone, you can open it in a new tab and copy the link, like we just did here, or you can copy the link in the URL bar in the preview pane of the editor itself (they’re the same link).
After you save your work, you can always come back to the same version of the file with the URL. If you copy the URL to the editor itself, you can come back and continue to edit the code you’ve been editing.
This is Codeframe! Experiment with the HTML code in the editor, and see if the website you see in the preview behaves the way you expect it to. We’ll explore HTML in depth in the first milestone project.
Some tips on learning to code
Like learning anything new, learning to code requires a bit of a mindset shift. Here are some tips I’ve found useful in learning to code without getting to frustrated or bored, and to get the most out of the materials I have.
- At first, it might feel like there’s a lot to memorize. You don’t have to memorize most things you come across (I’ll tell you when you need to remember something specific). Google is your friend, and the key is to remember that there’s a way to do something, not necessary to remember exactly how to do it. As you practice and create more and more, you’ll learn these shortcuts and keywords by heart.
- Whenever you’re copying some sample code into the editor, if it’s not too much, try typing it out by hand instead of copy-pasting it. This will help us get it in our fingers faster, and make us think more consciously about what we’re writing.
- Add more tips here…
Resources elsewhere on the web
There’s so many resources online that’ll be helpful for you as you learn web design and development. Here are a few of my favorites that I’d recommend you find, if you’re ever stuck or want some inspiration.
MDN (formerly Mozilla Developer Network)
MDN is the de facto documentation site for HTML, CSS, and JavaScript. It can be too technical for a beginner, but anytime you have a specific question about a specific way to do something, MDN can usually help you find the right answer.
Stack Overflow
Stack Overflow is a question-and-answer site for developers of all kinds – not just web developers – and almost every developer turns to it when they can’t troubleshoot or debug an issue on their own. It’s just as useful a resource or us as we explore HTML, CSS, and JavaScript. Stack Overflow is great for answer questions like “How do I do X in HTML/CSS?” or “What function do I use to do Y in JavaScript?”
CSS Tricks
CSS Tricks is a blog dedicated specifically to design on the web. It covers actual “tricks” in CSS to achieve certain design styles, but it also contains lots of generally useful web design advice. Often, if you’re looking for a way to achieve a specific visual effect with CSS, CSS Tricks is a good destination.
W3Schools
W3Schools is a tutorial site that covers the basics of HTML, CSS, and JavaScript in a friendlier language than MDN might, so it’s a good resource as you’re starting out to learn about these technologies.