docs(assets): move images to /public

README.md

@@ -1,7 +1,7 @@
 <!-- Logo -->
 <p align="center">
   <a href="https://react.semantic-ui.com">
-    <img height="128" width="128" src="https://github.com/Semantic-Org/Semantic-UI-React/raw/master/docs/src/logo.png">
+    <img height="128" width="128" src="https://github.com/Semantic-Org/Semantic-UI-React/raw/master/docs/public/logo.png">
   </a>
 </p>
 
@@ -42,11 +42,11 @@ See the [**Documentation**][2] for an introduction, usage information, and examp
 
 ## Built With
 
-<img align="left" height="50" src="https://github.com/Semantic-Org/Semantic-UI-React/raw/master/docs/src/amazon-logo.png" />
-<img align="left" height="50" src="https://github.com/Semantic-Org/Semantic-UI-React/raw/master/docs/src/netflix-logo.png" />
-<img align="left" height="50" src="https://github.com/Semantic-Org/Semantic-UI-React/raw/master/docs/src/microsoft-logo.png" />
+<img align="left" height="50" src="https://github.com/Semantic-Org/Semantic-UI-React/raw/master/docs/public/amazon-logo.png" />
+<img align="left" height="50" src="https://github.com/Semantic-Org/Semantic-UI-React/raw/master/docs/public/netflix-logo.png" />
+<img align="left" height="50" src="https://github.com/Semantic-Org/Semantic-UI-React/raw/master/docs/public/microsoft-logo.png" />
 <a href="https://github.com/Semantic-Org/Semantic-UI-React/edit/master/README.md">
-  <img height="50" src="https://github.com/Semantic-Org/Semantic-UI-React/raw/master/docs/src/add-yours.png" />
+  <img height="50" src="https://github.com/Semantic-Org/Semantic-UI-React/raw/master/docs/public/add-yours.png" />
 </a>
 
 - Amazon Publishing — the full-service publisher of Amazon — [APub.com](https://amazonpublishing.amazon.com)

config.js

@@ -19,6 +19,7 @@ const envConfig = {
   dir_dist: 'dist',
   dir_dll: 'dll',
   dir_docs_dist: 'docs/dist',
+  dir_docs_public: 'docs/public',
   dir_docs_src: 'docs/src',
 }
 
@@ -33,6 +34,7 @@ const paths = {
   dist: base.bind(null, envConfig.dir_dist),
   dll: base.bind(null, envConfig.dir_dll),
   docsDist: base.bind(null, envConfig.dir_docs_dist),
+  docsPublic: base.bind(null, envConfig.dir_docs_public),
   docsSrc: base.bind(null, envConfig.dir_docs_src),
 }
 

docs/src/examples/behaviors/Visibility/Settings/VisibilityExampleFireOnMount.js

@@ -36,13 +36,13 @@ export default class VisibilityExampleFireOnMount extends Component {
             onOffScreen={this.handleOffScreen}
           >
             <Segment>
-              <Image src='/assets/images/wireframe/centered-paragraph.png' />
+              <Image src='/images/wireframe/centered-paragraph.png' />
               <Divider />
-              <Image src='/assets/images/wireframe/short-paragraph.png' />
+              <Image src='/images/wireframe/short-paragraph.png' />
               <Divider />
-              <Image src='/assets/images/wireframe/media-paragraph.png' />
+              <Image src='/images/wireframe/media-paragraph.png' />
               <Divider />
-              <Image src='/assets/images/wireframe/paragraph.png' />
+              <Image src='/images/wireframe/paragraph.png' />
             </Segment>
           </Visibility>
         </Grid.Column>

docs/src/examples/behaviors/Visibility/Wireframe.js

@@ -3,32 +3,32 @@ import { Divider, Image, Segment } from 'semantic-ui-react'
 
 export default () => (
   <Segment>
-    <Image src='/assets/images/wireframe/centered-paragraph.png' />
+    <Image src='/images/wireframe/centered-paragraph.png' />
     <Divider />
-    <Image src='/assets/images/wireframe/short-paragraph.png' />
+    <Image src='/images/wireframe/short-paragraph.png' />
     <Divider />
-    <Image src='/assets/images/wireframe/media-paragraph.png' />
+    <Image src='/images/wireframe/media-paragraph.png' />
     <Divider />
-    <Image src='/assets/images/wireframe/paragraph.png' />
+    <Image src='/images/wireframe/paragraph.png' />
     <Divider />
-    <Image src='/assets/images/wireframe/centered-paragraph.png' />
+    <Image src='/images/wireframe/centered-paragraph.png' />
     <Divider />
-    <Image src='/assets/images/wireframe/short-paragraph.png' />
+    <Image src='/images/wireframe/short-paragraph.png' />
     <Divider />
-    <Image src='/assets/images/wireframe/media-paragraph.png' />
+    <Image src='/images/wireframe/media-paragraph.png' />
     <Divider />
-    <Image src='/assets/images/wireframe/paragraph.png' />
+    <Image src='/images/wireframe/paragraph.png' />
     <Divider />
-    <Image src='/assets/images/wireframe/short-paragraph.png' />
+    <Image src='/images/wireframe/short-paragraph.png' />
     <Divider />
-    <Image src='/assets/images/wireframe/centered-paragraph.png' />
+    <Image src='/images/wireframe/centered-paragraph.png' />
     <Divider />
-    <Image src='/assets/images/wireframe/short-paragraph.png' />
+    <Image src='/images/wireframe/short-paragraph.png' />
     <Divider />
-    <Image src='/assets/images/wireframe/media-paragraph.png' />
+    <Image src='/images/wireframe/media-paragraph.png' />
     <Divider />
-    <Image src='/assets/images/wireframe/paragraph.png' />
+    <Image src='/images/wireframe/paragraph.png' />
     <Divider />
-    <Image src='/assets/images/wireframe/short-paragraph.png' />
+    <Image src='/images/wireframe/short-paragraph.png' />
   </Segment>
 )

docs/src/examples/collections/Grid/Content/GridExampleColumns.js

@@ -5,19 +5,19 @@ const GridExampleColumns = () => (
   <Grid>
     <Grid.Row>
       <Grid.Column width={8}>
-        <Image src='/assets/images/wireframe/paragraph.png' />
+        <Image src='/images/wireframe/paragraph.png' />
       </Grid.Column>
       <Grid.Column width={8}>
-        <Image src='/assets/images/wireframe/paragraph.png' />
+        <Image src='/images/wireframe/paragraph.png' />
       </Grid.Column>
     </Grid.Row>
 
     <Grid.Row>
       <Grid.Column width={8}>
-        <Image src='/assets/images/wireframe/paragraph.png' />
+        <Image src='/images/wireframe/paragraph.png' />
       </Grid.Column>
       <Grid.Column width={8}>
-        <Image src='/assets/images/wireframe/paragraph.png' />
+        <Image src='/images/wireframe/paragraph.png' />
       </Grid.Column>
     </Grid.Row>
   </Grid>

docs/src/examples/collections/Grid/Content/GridExampleRows.js

@@ -5,22 +5,22 @@ const GridExampleRows = () => (
   <Grid columns={3}>
     <Grid.Row>
       <Grid.Column>
-        <Image src='/assets/images/wireframe/paragraph.png' />
+        <Image src='/images/wireframe/paragraph.png' />
       </Grid.Column>
       <Grid.Column>
-        <Image src='/assets/images/wireframe/paragraph.png' />
+        <Image src='/images/wireframe/paragraph.png' />
       </Grid.Column>
     </Grid.Row>
 
     <Grid.Row>
       <Grid.Column>
-        <Image src='/assets/images/wireframe/paragraph.png' />
+        <Image src='/images/wireframe/paragraph.png' />
       </Grid.Column>
       <Grid.Column>
-        <Image src='/assets/images/wireframe/paragraph.png' />
+        <Image src='/images/wireframe/paragraph.png' />
       </Grid.Column>
       <Grid.Column>
-        <Image src='/assets/images/wireframe/paragraph.png' />
+        <Image src='/images/wireframe/paragraph.png' />
       </Grid.Column>
     </Grid.Row>
   </Grid>

docs/src/examples/collections/Grid/ResponsiveVariations/GridExampleContainer.js

@@ -4,13 +4,13 @@ import { Grid, Image } from 'semantic-ui-react'
 const GridExampleContainer = () => (
   <Grid container columns={3}>
     <Grid.Column>
-      <Image src='/assets/images/wireframe/image.png' />
+      <Image src='/images/wireframe/image.png' />
     </Grid.Column>
     <Grid.Column>
-      <Image src='/assets/images/wireframe/image.png' />
+      <Image src='/images/wireframe/image.png' />
     </Grid.Column>
     <Grid.Column>
-      <Image src='/assets/images/wireframe/image.png' />
+      <Image src='/images/wireframe/image.png' />
     </Grid.Column>
   </Grid>
 )

docs/src/examples/collections/Grid/ResponsiveVariations/GridExampleDoubling.js

@@ -4,19 +4,19 @@ import { Grid, Image } from 'semantic-ui-react'
 const GridExampleDoubling = () => (
   <Grid doubling columns={5}>
     <Grid.Column>
-      <Image src='/assets/images/wireframe/image.png' />
+      <Image src='/images/wireframe/image.png' />
     </Grid.Column>
     <Grid.Column>
-      <Image src='/assets/images/wireframe/image.png' />
+      <Image src='/images/wireframe/image.png' />
     </Grid.Column>
     <Grid.Column>
-      <Image src='/assets/images/wireframe/image.png' />
+      <Image src='/images/wireframe/image.png' />
     </Grid.Column>
     <Grid.Column>
-      <Image src='/assets/images/wireframe/image.png' />
+      <Image src='/images/wireframe/image.png' />
     </Grid.Column>
     <Grid.Column>
-      <Image src='/assets/images/wireframe/image.png' />
+      <Image src='/images/wireframe/image.png' />
     </Grid.Column>
   </Grid>
 )

docs/src/examples/collections/Grid/ResponsiveVariations/GridExampleResponsiveWidth.js

@@ -5,34 +5,34 @@ const GridExampleResponsiveWidth = () => (
   <div>
     <Grid>
       <Grid.Column mobile={16} tablet={8} computer={4}>
-        <Image src='/assets/images/wireframe/paragraph.png' />
+        <Image src='/images/wireframe/paragraph.png' />
       </Grid.Column>
       <Grid.Column mobile={16} tablet={8} computer={4}>
-        <Image src='/assets/images/wireframe/paragraph.png' />
+        <Image src='/images/wireframe/paragraph.png' />
       </Grid.Column>
       <Grid.Column mobile={16} tablet={8} computer={4}>
-        <Image src='/assets/images/wireframe/paragraph.png' />
+        <Image src='/images/wireframe/paragraph.png' />
       </Grid.Column>
       <Grid.Column mobile={16} tablet={8} computer={4}>
-        <Image src='/assets/images/wireframe/paragraph.png' />
+        <Image src='/images/wireframe/paragraph.png' />
       </Grid.Column>
       <Grid.Column mobile={16} tablet={8} computer={4}>
-        <Image src='/assets/images/wireframe/paragraph.png' />
+        <Image src='/images/wireframe/paragraph.png' />
       </Grid.Column>
     </Grid>
 
     <Grid>
       <Grid.Column largeScreen={2} widescreen={1}>
-        <Image src='/assets/images/wireframe/paragraph.png' />
+        <Image src='/images/wireframe/paragraph.png' />
       </Grid.Column>
       <Grid.Column largeScreen={2} widescreen={1}>
-        <Image src='/assets/images/wireframe/paragraph.png' />
+        <Image src='/images/wireframe/paragraph.png' />
       </Grid.Column>
       <Grid.Column largeScreen={2} widescreen={1}>
-        <Image src='/assets/images/wireframe/paragraph.png' />
+        <Image src='/images/wireframe/paragraph.png' />
       </Grid.Column>
       <Grid.Column largeScreen={2} widescreen={1}>
-        <Image src='/assets/images/wireframe/paragraph.png' />
+        <Image src='/images/wireframe/paragraph.png' />
       </Grid.Column>
     </Grid>
   </div>

docs/src/examples/collections/Grid/ResponsiveVariations/GridExampleStackable.js

@@ -5,12 +5,12 @@ const GridExampleStackable = () => (
   <Grid stackable columns={2}>
     <Grid.Column>
       <Segment>
-        <Image src='/assets/images/wireframe/paragraph.png' />
+        <Image src='/images/wireframe/paragraph.png' />
       </Segment>
     </Grid.Column>
     <Grid.Column>
       <Segment>
-        <Image src='/assets/images/wireframe/paragraph.png' />
+        <Image src='/images/wireframe/paragraph.png' />
       </Segment>
     </Grid.Column>
   </Grid>

docs/src/examples/collections/Grid/Types/GridExampleCelled.js

@@ -5,22 +5,22 @@ const GridExampleCelled = () => (
   <Grid celled>
     <Grid.Row>
       <Grid.Column width={3}>
-        <Image src='/assets/images/wireframe/image.png' />
+        <Image src='/images/wireframe/image.png' />
       </Grid.Column>
       <Grid.Column width={13}>
-        <Image src='/assets/images/wireframe/centered-paragraph.png' />
+        <Image src='/images/wireframe/centered-paragraph.png' />
       </Grid.Column>
     </Grid.Row>
 
     <Grid.Row>
       <Grid.Column width={3}>
-        <Image src='/assets/images/wireframe/image.png' />
+        <Image src='/images/wireframe/image.png' />
       </Grid.Column>
       <Grid.Column width={10}>
-        <Image src='/assets/images/wireframe/paragraph.png' />
+        <Image src='/images/wireframe/paragraph.png' />
       </Grid.Column>
       <Grid.Column width={3}>
-        <Image src='/assets/images/wireframe/image.png' />
+        <Image src='/images/wireframe/image.png' />
       </Grid.Column>
     </Grid.Row>
   </Grid>

docs/src/examples/collections/Grid/Types/GridExampleCelledInternally.js

@@ -5,25 +5,25 @@ const GridExampleCelledInternally = () => (
   <Grid celled='internally'>
     <Grid.Row>
       <Grid.Column width={3}>
-        <Image src='/assets/images/wireframe/image.png' />
+        <Image src='/images/wireframe/image.png' />
       </Grid.Column>
       <Grid.Column width={10}>
-        <Image src='/assets/images/wireframe/centered-paragraph.png' />
+        <Image src='/images/wireframe/centered-paragraph.png' />
       </Grid.Column>
       <Grid.Column width={3}>
-        <Image src='/assets/images/wireframe/image.png' />
+        <Image src='/images/wireframe/image.png' />
       </Grid.Column>
     </Grid.Row>
 
     <Grid.Row>
       <Grid.Column width={3}>
-        <Image src='/assets/images/wireframe/image.png' />
+        <Image src='/images/wireframe/image.png' />
       </Grid.Column>
       <Grid.Column width={10}>
-        <Image src='/assets/images/wireframe/paragraph.png' />
+        <Image src='/images/wireframe/paragraph.png' />
       </Grid.Column>
       <Grid.Column width={3}>
-        <Image src='/assets/images/wireframe/image.png' />
+        <Image src='/images/wireframe/image.png' />
       </Grid.Column>
     </Grid.Row>
   </Grid>

docs/src/examples/collections/Grid/Types/GridExampleDividedNumber.js

@@ -5,25 +5,25 @@ const GridExampleDividedNumber = () => (
   <Grid columns={3} divided>
     <Grid.Row>
       <Grid.Column>
-        <Image src='/assets/images/wireframe/media-paragraph.png' />
+        <Image src='/images/wireframe/media-paragraph.png' />
       </Grid.Column>
       <Grid.Column>
-        <Image src='/assets/images/wireframe/media-paragraph.png' />
+        <Image src='/images/wireframe/media-paragraph.png' />
       </Grid.Column>
       <Grid.Column>
-        <Image src='/assets/images/wireframe/media-paragraph.png' />
+        <Image src='/images/wireframe/media-paragraph.png' />
       </Grid.Column>
     </Grid.Row>
 
     <Grid.Row>
       <Grid.Column>
-        <Image src='/assets/images/wireframe/media-paragraph.png' />
+        <Image src='/images/wireframe/media-paragraph.png' />
       </Grid.Column>
       <Grid.Column>
-        <Image src='/assets/images/wireframe/media-paragraph.png' />
+        <Image src='/images/wireframe/media-paragraph.png' />
       </Grid.Column>
       <Grid.Column>
-        <Image src='/assets/images/wireframe/media-paragraph.png' />
+        <Image src='/images/wireframe/media-paragraph.png' />
       </Grid.Column>
     </Grid.Row>
   </Grid>

docs/src/examples/collections/Grid/Types/GridExampleDividedPhrase.js

@@ -5,25 +5,25 @@ const GridExampleDividedPhrase = () => (
   <Grid columns='three' divided>
     <Grid.Row>
       <Grid.Column>
-        <Image src='/assets/images/wireframe/media-paragraph.png' />
+        <Image src='/images/wireframe/media-paragraph.png' />
       </Grid.Column>
       <Grid.Column>
-        <Image src='/assets/images/wireframe/media-paragraph.png' />
+        <Image src='/images/wireframe/media-paragraph.png' />
       </Grid.Column>
       <Grid.Column>
-        <Image src='/assets/images/wireframe/media-paragraph.png' />
+        <Image src='/images/wireframe/media-paragraph.png' />
       </Grid.Column>
     </Grid.Row>
 
     <Grid.Row>
       <Grid.Column>
-        <Image src='/assets/images/wireframe/media-paragraph.png' />
+        <Image src='/images/wireframe/media-paragraph.png' />
       </Grid.Column>
       <Grid.Column>
-        <Image src='/assets/images/wireframe/media-paragraph.png' />
+        <Image src='/images/wireframe/media-paragraph.png' />
       </Grid.Column>
       <Grid.Column>
-        <Image src='/assets/images/wireframe/media-paragraph.png' />
+        <Image src='/images/wireframe/media-paragraph.png' />
       </Grid.Column>
     </Grid.Row>
   </Grid>