Conferences are back! The Next Web and Web Summit foobar

After a long pause due to the pandemic, conferences are making a comeback! In this blog, we'll explore what to expect and how to make the most of your conference experience.

Untile has evolved and learned from the complexity of this project

We missed Amsterdam.

We missed being among like-minded people, entrepreneurs and creatives, dedicated to bringing to fruition new ideas, new projects. This is our world, and we were very glad to walk it once more.

A second header

We missed Amsterdam.

We missed being among like-minded people, entrepreneurs and creatives, dedicated to bringing to fruition new ideas, new projects. This is our world, and we were very glad to walk it once more.

Testing all the things

first
second

unordered
yeah

wow

hello

media

bold italic

1                                                           
2                  )     (               (   (              
3    (          ( /( (   )\   (        ( )\  )\      (  (   
4    )\   (     )\()))\ ((_) ))\       )((_)((_) (   )\))(  
5 _ ((_)  )\ ) (_))/((_) _  /((_)  _  ((_)_  _   )\ ((_))\  
6| | | | _(_/( | |_  (_)| |(_))   | |  | _ )| | ((_) (()(_) 
7| |_| || ' \))|  _| | || |/ -_)  | |  | _ \| |/ _ \/ _` |  
8 \___/ |_||_|  \__| |_||_|\___|  | |  |___/|_|\___/\__, |  
9                                 |_|               |___/

final

1
2/**
3 * `Wrapper` styled component.
4 */
5
6const Wrapper = styled.section`
7  background-color: ${color('white')};
8  padding: ${units(6)} 0;
9
10  ${media.min('ms')`
11    padding: ${units(11)} 0;
12  `}
13`;
14

1export const ArticleBodySection = (article: ArticleResponseData) => {
2  const { t } = useTranslation();
3  const { data: articles } = useArticles({ pageSize: 4 });
4  const filteredArticles = useMemo(() => articles
5    ?.filter(({ meta }) => meta.id !== article.meta.id)
6    ?.slice(0, 3),
7  [article.meta.id, articles]);
8
9  return (
10    <Wrapper>
11      <StyledContainer>
12        <PrismicRichText
13          components={serializer}
14          field={article.body}
15        />
16      </StyledContainer>
17
18      <StyledContainer>
19        <BaseBox
20          marginBottom={units(5)}
21          marginTop={units(10)}
22        >
23          <FadeInUpAnimation>
24            <Type.H3 serifFont>
25              {t('blog:sectionArticleBody.otherArticles')}
26            </Type.H3>
27          </FadeInUpAnimation>
28        </BaseBox>
29
30        <ResultsGrid>
31          {filteredArticles?.map(article => (
32            <BaseBox key={article.meta.id}>
33              <FadeInUpAnimation>
34                <ArticlePreview {...article} />
35              </FadeInUpAnimation>
36            </BaseBox>
37          ))}
38        </ResultsGrid>
39      </StyledContainer>
40    </Wrapper>
41  );
42};
43