teleren/devto huggingface dataset:
[Beginner HTML&CSS] Duomly coding challenge #5: Gym website
Tags: challenge, html, css, beginners
Published: 2020-07-03 10:57:44

Hey guys,
we created a coding challenge that you can complete to test your skills and build a coding portfolio.

### Today's info:
- Code the design into the HTML&CSS layout
- You can use bootstrap or another framework that you know
- Create git repository with name Duomly challenge #1
- Push the code to the GitHub and share a link to the repository in the comments

### Layout to code:
![Duomly coding challenge](https://dev-to-uploads.s3.amazonaws.com/i/oz0obvfs8syvy68r4139.png)

### HELP:
-Bootstrap tutorial:
https://www.blog.duomly.com/bootstrap-tutorial/
-Build e-commerce with bootstrap:
https://www.duomly.com/course/build-ecommerce-with-bootstrap
-HTML&CSS course:
https://www.duomly.com/course/html-and-css-basics-course/

Let's start!

Radek from Duomly
MEAN Amazon Lightsail mongoose connect
Published: 2020-07-03 10:45:06


## Definir URI
```javascript
mongoURI: "mongodb://usuario:clave@127.0.0.1:27017/basedatos?authSource=admin"
```

## Crear conexión

```javascript
mongoose.connect(config.mongoURI, {
  useNewUrlParser: true,
  useUnifiedTopology: true
}).then( () => {
  console.log("Connected to MongoDB...");
  console.log(mongoose.connection.readyState);
}).catch((err) => console.error("Coudn't connect MongoDB....", err));
```
feed.gg - Follow your favourite streamers
Tags: hasura, node, react, esport
Published: 2020-07-03 10:29:41

I have been working on this hobby project on and off for some time now. But lately I have put some extra work in to it to get it to a beta stage ( and not die the side project death ).

Essentially Feed.gg is a platform where you can follow your favorite (Twitch) streamers, and get all content from their social platforms ( YouTube, Twitter, Twitch etc ) in to one feed. As well as separate feeds for a single streamer.

I will try to write some more here on how everything is setup, but essentially the platform consists of
- Hasura as GraphQL back end
- Queue to handle all workload ( Node & Bull.js  )
- Node "worker" service to process all jobs, and collect all data.
- One Cloudflare Worker instance.
- A simple React client.

The Hasura GraphQL engine is deployed on a Digital Ocean Kubernetes cluster. The queue service and worker service is deployed using DO's droplets.
And the React client is deployed and hosted using Netlify.
Some load-balancers and firewalls are setup on DO as well.

You can test the beta at http://beta.feed.gg
The Game of Modern AI -  Glance
Tags: machinelearning, datascience, python
Published: 2020-07-03 10:14:42


Hello Readers , 
For a modern Data scientist , if the **boss** asks us to build a forecasting/predictive machine learning model , the only job we have ( Besides collecting/cleaning data ) is to just import a **python** library and do  **model.fit()** irrespective of any **algorithms** we use. 

Now, lets have a look all the **major machine learning/deep learning algorithms** at one glance. 


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ss5lbh3mzuojhq267hqh.jpeg)


This image above will give you an idea on major fields in **data science** and some major algorithms who are unseen heroes in the backend of a successful AI product. 

They also segregate various **tasks** that fall under specific type of an AI application.    

###Conclusion 
As a newbie if you wonder what the hell is **computer vision** , **natural language processing** about , You now know some insight on various opportunities and fields available in AI world. 

Thanks for Reading !
100 Days of SwiftUI — Day 33
Tags: 100daysofswiftui
Published: 2020-07-03 09:55:00

---
title: 100 Days of SwiftUI — Day 33
published: true
date: 2020-07-03 09:54:39 UTC
tags: 100daysofswiftui
canonical_url: https://zeitschlag.net/100-days-of-swiftui-day-33/
---

Wow, [another day](https://www.hackingwithswift.com/100/swiftui/33) with animations and transitions! Although I have to admit, that I'm not very talented — or used to, at least — when it comes to designing things — and animations especially — I really, really like to fiddle around with them. It's _so much_ fun, just like playing around with gradients. [Please admire my design-skills here](https://zeitschlag.net/100-days-of-swiftui-day-20/).

So, today I learned how to create custom transitions — it's basically just another `ViewModifier` — and how to move things around. I'm really looking forward to using these animations in a _real_ SwiftUI-project. I should come up with an idea at some point 😅

As always: Thank you very much for reading!

<!--kg-card-end: markdown-->
Free Docker consultancy (45 minutes)
Tags: docker
Published: 2020-07-03 09:52:03

If you're new to Docker and have some questions about I'm offering a 45 mins calls to help you get started or understand better docker and answer any question that you have.

Schedule a call with me at:

https://getadvice.github.io/adriano.galello.html

Disclaimer: I'm the guy behind GetAdvice (volunteers are needed!)
(Ok) Tagless Final in Rust
Tags: rust, functional, edsl
Published: 2020-07-03 08:50:51

Rust nightly has Higher-Kinded Type! 🔥

OMG I still don't know what use this has but damn it felt magical.

Props to whoever in the compiler team working on this.

You actually have to mark the output type correctly as `L::Repr<bool>`!

If you pass a `L::int(1)` to `L::add` it's a compile time error and the compiler tells you that `i64` doesn't match `bool`!

Gosh. Awesome. Amazing.

Now let's hope this won't tank the compilation time too much. 😛

```rust
#![allow(dead_code)]
#![allow(non_snake_case)]
#![allow(incomplete_features)]

#![feature(generic_associated_types)]

/*
let b (bv:bool) env = bv
let int (iv:int) env = iv
let and b1 b2 env = b1 & b2
*/

type Func<T, O> = Box<dyn FnOnce(T) -> O>;

trait Lang {
    type Repr<T>;
    fn b(bv: bool) -> Self::Repr<bool>;
    fn int(iv: i64) -> Self::Repr<i64>;
    fn and(b1: Self::Repr<bool>, b2: Self::Repr<bool>) -> Self::Repr<bool>;
}

use core::marker::PhantomData;
struct B<P>(PhantomData<P>);
impl<P: 'static + Copy> Lang for B<P> {
    type Repr<T> = Func<P, T>;
    fn b(bv: bool) -> Self::Repr<bool> {
        Box::new(move |_env| bv)
    }
    fn int(iv: i64) -> Self::Repr<i64> {
        Box::new(move |_env| iv)
    }
    fn and(b1: Func<P, bool>, b2: Func<P, bool>) -> Func<P, bool> {
        Box::new(move |env| b1(env) & b2(env))
    }
}

struct P;
impl Lang for P {
    type Repr<T> = String;
    fn b(bv: bool) -> String {
        bv.to_string()
    }
    fn int(iv: i64) -> Self::Repr<i64> {
        iv.to_string()
    }
    fn and(b1: String, b2: String) -> String {
        format!("{} & {}", b1, b2)
    }
}

fn prog1<L>() -> L::Repr<bool>
where 
    L: Lang,
{
    L::and(L::b(false), L::b(true))
}

// fn prog_with_error<L>() -> L::Repr<bool>
// where
//     L: Lang,
// {
//     L::and(L::int(3), L::b(true))
// }

fn main() {
    let test1_p = prog1::<P>();
    println!("{:?}", test1_p);
    let test1_b = prog1::<B<()>>()(());
    println!("{:?}", test1_b);
}

// TODO: De Brujin Indices

```
How I'm Training My Brain to Help Me Show Up Each Day
Tags: devjournal, codenewbie, womenintech
Published: 2020-07-03 08:54:07

_This post was originally published on July 3, 2020 on [my blog] (https://alexlsalt.github.io/blog)._

It's a chilly Friday morning and I feel good! Got my day all planned out - complete with working out, working on my Udemy course, and getting started with Eleventy for building out a website.

Tonight we're invited over to our neighbors' apartment for an apéro/game night, so we're looking forward to that, too.

I'm learning so much in my JavaScript course on Udemy. Right now, we're working on building a recipe-finding app using an API, and I'm seriously loving it.

The minute you pull up data from another website on your own website's UI is such a game-changer and makes you feel incredible as a developer! I can't wait to build so many more advanced projects this way.

Overall, it's been a great, productive, well-paced week. I've found that planning out my day on paper (in pencil, mind you - in case of changes) has been helping me *enormously*.

It's almost as if my brain has this semi-concrete plan or overall framework to guide it, and then it works behind the scenes to make sure I show up to everything on the list on time and ready to go.

Highly recommend having a general, written plan for each day if you're trying to get more sh*t done.

Have a great weekend, friends! [And go listen to the first episode of my podcast! >>] (https://www.buzzsprout.com/1184462/4327955)

Thanks so much for reading along! [Now let's be friends over on Twitter >>] (https://twitter.com/alexlsaltt)

P.S. I've launched a brand-new podcast! Stay up to date by [signing up for the newsletter here >>] (https://www.ladiescodecollective.com/)
How to Add Fonts to TCPDF in Your Project
Tags: php, tcpdf, fonts
Published: 2020-07-03 08:49:26

(Versi Bahasa Indonesia: https://medium.com/@ekastrya/cara-menambah-font-untuk-tcpdf-17af6808b76)

Earlier today, I was assigned a simple task to add two custom fonts for a client's project. It took me 15 minutes on Stack Overflow to find a fast way to do this. Found it and here are the steps:
1. Install / download / require the tcpdf library into your project.
2. Open the library folder (for example mine was: ./vendor/tecnickcom/tcpdf).
3. Notice and enter to the tools folder.
4. Copy the TTF file(s) into this tools folder.
5. Run this command from the terminal (still from the tools folder):
`$ php tcpdf_addfont -i BOOKOS.TTF`
(Replace BOOKOS.TTF with your own fonts)
6. Repeat step (5) for each fonts desired.

Coding time..
To change between fonts from your php code, use the following  scripts.
```$pdf->SetFont($font_family = ‘bookos’, $variant = ‘’, $fontsize = 11);```

(Versi Bahasa Indonesia: https://medium.com/@ekastrya/cara-menambah-font-untuk-tcpdf-17af6808b76)
What is an ICO and 5 Tips from ICO Consulting Services for Better ICO
Tags: icodevelopment
Published: 2020-07-03 08:45:31

ICOs are simple crowdfunding events running on blockchain technology that do not take much time to launch. Before blockchain, entrepreneurs would have to conduct extensive promotions and approach venture capitalists to invest in the project. But now, with the blockchain-powered ICOs, it is easier than ever to launch a crowdsale. Entrepreneurs can raise funds from retail investors and basically anyone in the public willing to fund the project. 

**The following are the main characteristics of an ICO:** 

➼ An ICO is generally unregulated. Therefore it is not controlled by any central authority.
➼ In an ICO, the company offers tokens to the public in exchange for funds (fiat or cryptocurrency).
➼ A company can launch an ICO on an ICO platform which is accessible to any kind of investor.
➼ The lack of discrimination among investors makes the ICO extremely appealling to the public. 
➼ When a renowned/trending company launches an ICO, the hard cap can even be reached in a matter of minutes!

**Expert tips for better ICO from ICO Consulting Services**

Similar to an Initial Public Offering (IPO), cryptocurrency is capable of amassing funds through the [exchange of cryptocurrency](https://www.infiniteblocktech.com/cryptocurrency-exchange-software) for fiat or other types of currency by what is known as an Initial Coin Offering (ICO). 

ICOs are imperative to a company’s initial growth and therefore demands extra attention. It is important to employ optimized strategies in order to raise the likelihood of the ICO.

In order to make sure that the ICO reaches a wide audience and is successful, experts recommend adopting the following strategies.

➼ **Website Development** - Developing an appealing website about the project’s details will give interested investors a space to visit to know more about the business.
➼ **Press Release** - Press releases are a great way of getting the ICO’s word out to the public.
➼ **Pre launch Campaign** - Hosting a private pre launch campaign with incentives can attract a lot of investors to invest in your ICO.
➼ **Community Engagement** - Posting engaging material on social media such as questionnaires and quizzes can increase the awareness of your ICO with the public.
➼ **ICO listing sites** - ICO listing sites have a proactive community of crypto users who are always on the lookout for the next big thing to invest in. Top ranking listing sites are highly reputed and reliable.
Now you don’t require technical expertise and coding skills to launch your own project. Some of the leading [ICO development companies](https://www.infiniteblocktech.com/ico-development-company) offering end-to-end solutions. They are known for their robust platforms as well as highly-customizable services. They can develop your project in no time and offer key insights on how you can scale up instantly.
Responsive Navbar with Search Box using HTML CSS & JavaScript
Tags: navbar, searchbox, menubar, responsivenavbar
Published: 2020-07-03 08:42:19

A navigation bar is a user interface element within a webpage that contains links to other parts of the website. A website navigation bar is most usually displayed as a horizontal list of links at the top of each page.

Today in this blog, I'll share with you this program (Responsive Navbar with Search Box). This navbar is fully responsive to any device. On mobile devices, this navbar will adjust their height-width automatically according to the device height-width. I used CSS Flex and @media property to make this Navbar Fully Responsive. The search box of this navbar is to create only for design purposes so, when you entered any info in the search bar and click to the search button, it won't show you any results.

You can download the source code files through the given link. <a href="https://www.codingnepalweb.com/2020/06/responsive-navbar-with-search-box-html-css-javascript.html">Click here to download source code files.</a>
Loading Screen Animation using HTML CSS & JavaScript
Tags: loader, preloader, loadinganimation, css
Published: 2020-07-03 08:40:52

The Preloader or Loader indicates the webpage is in the loading process. It helps to entertain your visitors or content viewers while the rest of the page's content is still loading. Loaders may simple or complex animation that is used on websites.

Today in this blog, I'll share with you this program (Loading Screen Animation). In the program, on the webpage, when you refresh your web page and the page's content is starts loading, at that time, there is shown a small preloader, and after loading content the loader will be hidden automatically.

You can download the source code files through the given link. <a href="https://www.codingnepalweb.com/2020/06/loading-screen-animation-using-html-css.html">Click here to download source code files.</a>
Random Password Generator App in HTML CSS & JavaScript
Tags: passwordgenerator, randompassword, javascript, generator
Published: 2020-07-03 08:37:52

Random Password Generator is a program that automatically generates a password randomly. Those generated passwords are mix with numbers, alphabets, and punctuations. This type of program helps the user to create a strong password.

Today in this program, I'll share with you this program (Random Password Generator). In this program, there is a container with an input field, a copy icon, and a button. When you click on the generate password button each time this program automatically generated a random password and, there is shown a copy button which copies that generated password when you click on that button.

You can download the source code files through the given link. <a href="https://www.codingnepalweb.com/2020/06/random-password-generator-javascript.html">Click here to download source code files.</a>
Active Tab Hover Animation with Icons in HTML & CSS
Tags: navbar, menubar, hoveranimation, menueffect
Published: 2020-07-03 08:35:36

Navigation Bar is the most important UI (User Interface) element of the website for visitors or content viewers to find their required information from the website. A website navigation bar is the most commonly represented as a horizontal list of links at the top of every page.

Today in this blog I'll share with you this program (Active Tab Hover Animation with Icons). In this program, there are some menu icons (home, love, user, etc.) with a small height of line on the bottom of the Menu Icon. This line indicates to the users or viewers about which tab or menu is currently active. When you hover on the particular Menu Icon that Bottom Line will move smoothly to that hovered icon.

You can download the source code files through the given link. <a href="https://www.codingnepalweb.com/2020/06/active-tab-hover-animation-with-icons.html">Click here to download source code files.</a>
Awesome Pagination Design in HTML & CSS
Tags: pagination, paginationdesign, htmlcss, htmlpagination
Published: 2020-07-03 08:33:46

In this program (Pagination Design), there is a white pagination container with some texts and a gradient background-color as you have seen in the image. And in the container, there is pagination with the ten buttons. When you click on the particular button there is a box-shadow effect to indicates you a button is clicked or not. This is a pure CSS program that means only HTML & CSS are used to create this Pagination.

You can download the source code files through the given link. <a href="https://www.codingnepalweb.com/2020/06/awesome-pagination-design-in-html-css.html">Click here to download source code files. </a>
Preview Image Before Upload in HTML CSS & JavaScript
Tags: fileupload, uploadfille, imageupload, javascript
Published: 2020-07-03 08:31:13

In this program, at first, on the webpage, there is a file preview container with a cloud icon and an upload button. When you click on the choose a file button there will open a new window to select an image or file. After selecting the file, the preview of that file is shown on the preview container. And when you hover on the file, the name of that file will appear on the bottom side of the preview container. There is also shown a cancel button (cross-sign) and when you click on that button, the preview file which you selected will be hidden or canceled.

This program is only possible with the JavaScript files property. The file property returns a FileList object, describing the file or files selected with the file upload button. Through the FileList object, you can get the name, size, and contents of the files. This property is read-only.

You can download the source code files through the given link. <a href="https://www.codingnepalweb.com/2020/07/preview-image-before-upload-in-javascript.html">Click here to download source code files.</a>

####You might like this:
<a href="https://www.codingnepalweb.com/2020/09/how-to-upload-preview-download-image-in-javascript-php.html" target="_blank">Download Image in PHP</a>
<a href="https://www.codingnepalweb.com/2020/10/image-clip-animation-with-sliders.html" target="_blank">Image Clip Animation with Sliders</a>
<a href="https://www.codingnepalweb.com/2020/05/image-slider-toggle-button-with-javascript.html" target="_blank">Image Slider with Slide Controls</a>
<a href="https://www.codingnepalweb.com/2020/12/responsive-filterable-image-gallery.html" target="_blank">Responsive Filterable Image Gallery</a>
Awesome Input Animation using HTML & CSS | Floating Label Animation
Tags: loginform, inputanimation, floatinglabelanimation, htmlcss
Published: 2020-07-03 08:29:22

As you have seen on many websites, when you click on the input field to enter some info there is an awesome floating label animation. A floating label is a text label that appears inside the input field at full font-size. When interacted with, the label “floats” above, making space or room for the user to input value or log in details.

Today I'll share with you this program (Floating Label Animation or Input Animation). In this program, there is an input animation also that means when you click on the input field there is a smooth border animation that starts from the center and expands to the left and right side.

You can download the source code files through the given link. 
 <a href="https://www.codingnepalweb.com/2020/07/awesome-input-animation-using-html-css.html">Click here to download source code files.</a>
PROVENANCE thoughts?
Tags: ethical, productsupply, originmarks, blockchain
Published: 2020-07-03 08:14:47

Hey All,
I really care about the environment and worry about the impact it has. Maybe a trasnparent product labeling would help the customer decide to buy less harmful products for the environment?

I have found this one: https://www.provenance.org/
What do you think about this?

Do you know other Open Source Solutions for BOM labeling including packaging?

Let me know your thoughts- just feel free to write.

fortheenvironment, stopUVBbeams, stopUVCbeams
Flexbox with my fictional company home page
Tags: flexbox, css, html
Published: 2020-07-03 08:01:33

[Demo](https://heggy231.github.io/AboutMyCompany/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/aroloq79vtbrkub18p3a.jpg)

For responsive mobile first design:

* use the media query for mobile portrait

```css

@media only screen and (max-width: 480px) and (min-width: 320px), (orientation: portrait)
.page-description, .staff-intro {
    font-size: 1.8rem;
    line-height: 2rem;
}

```

* Flexbox for my photos so it fits well in different device sizes

```css
.gallery {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
```

* Use of flexbox `flex-direction: column`, so that name, photo, intro are lined up vertically.

```html
  <div class="col">
    <h2 class="team-name">Ashley Sullivan</h2>
    <img src="./img/pro-asian-woman.jpg" alt="smile asian lady look up">
    <p class="staff-intro">Ashley has a MD/PhD and is creative director for anything user related.</p>
  </div>
```

```css
.col {
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
}
```
SSRS Access woes
Tags: failure, deployment, ssrs
Published: 2020-07-03 12:16:35

---
title: SSRS Access woes
published: true
date: 2020-07-03 08:00:00 UTC
tags: failure,deployment,SSRS
canonical_url: https://SimonReynolds.ie/ssrs-access-woes/
---

 ![SSRS Access woes](https://images.unsplash.com/photo-1579523360589-120f265e0988?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=2000&fit=max&ixid=eyJhcHBfaWQiOjExNzczfQ)

I'm writing this up for two reasons, one is that I can find this again next time it happens. The second is simple but important, we all make mistakes and at times they can seem pretty obvious in retrospect. But it's important to share the stories of our failures as well as our successes.

We all do both but when we tend to only talk about our successes it can encourage feelings of [impostor syndrome](https://en.wikipedia.org/wiki/Impostor_syndrome) in others. So let's talk more about our mistakes. And on that note.....

Picture the scene. It's been a long day but I'm about to release to production with some changes including moving our trusty old [SSRS](https://docs.microsoft.com/en-us/sql/reporting-services/create-deploy-and-manage-mobile-and-paginated-reports?view=sql-server-ver15) server.

A final double check, I can run reports fine in testing, I've updated firewall rules, I've changed the report server url in all the config files.... it all looks good!

Then I deploy, everything is looking good, and I go to run a report....

![SSRS Access woes](https://simonreynolds.ie/content/images/2020/07/WorksOnMyMachine.png)<figcaption>The traditional mid-deployment cry of a programmer</figcaption>

The moral of this story is simple:

### CHECK YOUR DAMN CREDENTIALS

Not all environments are using the same credentials and when I set them up in Site Settings, I forgot that I also need to click here too....

![SSRS Access woes](https://simonreynolds.ie/content/images/2020/07/Header.png)<figcaption>The simple cause of many problems</figcaption>

In Folder Settings, click on New Role Assignment and add users here too! Give them the required permissions, e.g. Content Manager, and now they have permission to view and run reports. Voilà, suddenly all is as it should be and a full blown crisis has been averted.