Add photography for tips page and Play Store feature graphic

master
Tanner Collin 7 years ago
parent 9ee8e06810
commit 75ee14d890
  1. 18494
      imagesrc/featuregraphic.svg
  2. BIN
      imagesrc/tips1.xcf
  3. BIN
      imagesrc/tips2.xcf
  4. BIN
      imagesrc/tips3.xcf
  5. BIN
      media/featuregraphic.png
  6. 5
      src/components/about.js
  7. 2
      src/components/myimage.js
  8. 18
      src/components/tips.js
  9. BIN
      src/images/tips1.jpg
  10. BIN
      src/images/tips2.jpg
  11. BIN
      src/images/tips3.jpg

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 759 KiB

@ -53,7 +53,10 @@ export default class About extends Component {
Thanks to all the devs behind Node.js, React, React Native, and Redux.
</MyText>
<MyText>
Thanks to Jakub Jankiewicz for the circuit image. It and my derivatives are licensed CC BY-SA.
Thanks to K&E Imaging for providing the photography. All photographs are licensed CC-BY.
</MyText>
<MyText>
Thanks to Jakub Jankiewicz for the circuit image. It and my derivatives are licensed CC-BY-SA.
</MyText>
</Section>
</View>

@ -10,7 +10,7 @@ export default class MyImage extends Component {
const {view, data} = this.props;
if (view.layout) {
const maxHeight = view.layout.height * 0.4;
const maxHeight = view.layout.height * 0.5;
const maxWidth = view.layout.width * 0.9;
// What the width will be if the responsive limit kicks in

@ -6,6 +6,21 @@ import MyImage from './myimage.js';
import Section from './section.js';
const images = {
img1: {
source: require('../images/tips1.jpg'),
width: 1080,
height: 708,
},
img2: {
source: require('../images/tips2.jpg'),
width: 1080,
height: 708,
},
img3: {
source: require('../images/tips3.jpg'),
width: 1080,
height: 708,
},
img4: {
source: require('../images/tips4.png'),
width: 1857,
@ -33,14 +48,17 @@ export default class Tips extends Component {
<Section>
<MyText style={{fontWeight: 'bold'}}>Don't hold both resistor leads while measuring</MyText>
<MyText>The resistance of your body added in parallel is enough to effect the measurement of higher valued resistors. Since the purpose of this app is to help you create a precise resistance value, doing so is counterproductive.</MyText>
<MyImage view={viewInfo} data={images.img1} />
</Section>
<Section>
<MyText style={{fontWeight: 'bold'}}>Don't press the resistor leads against an ESD mat</MyText>
<MyText>Most ESD mats are slightly conductive to allow static charges to dissipate. This also has the problem of affecting the resistance measurement of higher valued resistors.</MyText>
<MyImage view={viewInfo} data={images.img2} />
</Section>
<Section>
<MyText style={{fontWeight: 'bold'}}>Use only one hand to hold the resistor</MyText>
<MyText>When measuring the resistors, use only one hand to hold the resistor to a multimeter lead. Grip the other multimeter lead by only the plastic part with your other hand. Then use the tension in the resistor's remaining lead to bring the two together and form a circuit.</MyText>
<MyImage view={viewInfo} data={images.img3} />
</Section>
<Section>
<MyText style={{fontWeight: 'bold'}}>Increase precision by adding significant figures</MyText>

Binary file not shown.

After

Width:  |  Height:  |  Size: 467 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 399 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 401 KiB

Loading…
Cancel
Save